7 лучших текстовых редакторов, работающих в браузере

Таблица сравнения известных текстовых редакторов

В таблицу включаются проекты согласно следующим критериям:

  • Редактор достаточно известен, по крайней мере представлен в значительном количестве каталогов ПО
  • Разработка проекта продолжается
  • Интерфейс редактора — оконный, а не текстовый, как nano. Текстовые неинтересны широкому кругу пользователей по причине непривычности интерфейса, хотя при желании можно сделать по ним отдельную таблицу
  • Распространённость ОС: Операционная система — Windows, либо кроссплатформенная и имеется порт под Windows. Редакторы только для Linux можно выделить в отдельную таблицу, опять же, возможно, объединив её с предыдущим пунктом.
Текстовый редактор Ссылка Цена Лицензия Открытость кода ОС помимо Windows Возможности Кодировки
Работа без установки Открытие нескольких документов в одном окне HEX- редактор Нумерация строк Смена конца строки (CR LF) Подсветка синтаксиса Быстрая вставка даты и времени Замена текста на основе регулярных выражений Несколько тем оформления Win 1251 DOS 866 KOI8-R Unicode
Стандартный блокнот Windows Часть ОС б/п Часть ОС Код закрыт Нет Часть ОС Нет Нет Нет Нет Нет Да Нет Нет Да шрифт terminal Нет Да
Geany б/п GNU GPL Код открыт Да Да Да Нет Да Да Да Да Да Да Да Нет Да (плагин) Да
Sublime_Text условно бесплатное $80 Shareware Код закрыт Да Да Да Да Да Да Да Да Да Да Да Да Да
Notepad++ б/п GNU GPL Код открыт Нет Да Да Да Да Да Да Да Да Да Да Да Да Да
KeyPad+ б/п GNU GPL Код открыт Нет Да Да Да Да Да Да Да Да
Notepad2 б/п BSD Код открыт Нет Да Нет Да Да Да Да Да
EditPlus 35$ Shareware Код закрыт Нет Да Да Да Да Да Да Да Да Да Да
EmEditor 40$ Shareware Код закрыт Нет Да[источник не указан 4061 день] Да Да Да Да Да Да Да Да Да Да Да
UltraEdit 50$ Shareware Код закрыт Нет Да Да Да Да Да Да Да
Poet б/п Freeware Код закрыт Нет Да Да Нет Да Да Да Да Да Да Да
Crimson Editor б/п GNU GPL Код открыт Нет Да Да Да Да Да Нет Нет Да
TextPad 32$ Shareware, проприет. Код закрыт Нет Да Да Да Да Нет Да Да Да Нет Да
RJ TextEd б/п Freeware Код закрыт Нет Да Да Да Да Да Да Да Да Да Да Да Да
AkelPad б/п BSD Код открыт Нет Да Да Нет Да (плагин) Да Да (плагин) Да Да Да Да Да Да
Boxer Text Editor проприет. Код закрыт Нет Да Да Да Да Да Да Нет Нет
jEdit б/п GPL Код открыт Да Да Да Да Да Да Да Да Да
CudaText б/п MPL 2.0 Код открыт Да Да Да Да Да Да Да Да Да Да Да Да Нет Да

Использование горизонтальной линейки для изменения отступа абзацев

Для форматирования левого и правого абзацного отступов, красной и висячей строки можно использовать горизонтальную линейку. Для этого выделите абзац и переместите на горизонтальной линейке соответствующий маркер.

Основные элементы горизонтальной линейки приведены на рисунке ниже.

Маркер установки отступа первой строки. Используется для установки красной строки (отступа).

Маркер установки начала всех строк, кроме первой. Используется для установки висячей строки (выступа).

Маркер установки левого абзацного отступа.

  1. Компоненты операционной системы Windows 7. Окна и основные элементы интерфейса
  2. Значки Рабочего стола, панель задач, кнопка Пуск и Главное меню в Windows 7
  3. Как выделить, переместить, скопировать и упорядочить значки на Рабочем столе?
  4. Что такое окна в Windows 7? Работа с окнами
  5. Учимся работать с компьютерной мышью. 5 основных операций
  6. Учимся работать с клавиатурой компьютера. 5 основных видов клавиш
  7. Учимся редактировать и форматировать текст в текстовом редакторе Microsoft Word ←


What is an article rewriter and how does it work?

This is professionally designed software (also known as Text Spinner or Paraphrase Online) that is used to rephrase and rewrite content. This technology leaves the general message of an article or blog post as it is, without any changes, however, it changes the wording significantly.

The principle of work is simple: it reads and analyzes your text. After this, the program alters it by changing words so that it is a different yet readable text. Basically, it creates a new wording based on the text you’ve given to it.

This software is designed for professional use by content creators, website administrators or marketing agencies. The idea behind it to create something new based on the success of pre-existing content. It is especially convenient if there is a great amount of information on a particular subject. The thing is that personal vocabulary is always limited to our experience and we tend to use the most common words. This program, on the contrary, has an enormous vocabulary and can alter the most-commonly used words to synonyms. This is an amazing way to increase the originality of your article with the help of modern technology. The term “content spinning” refers to this process of rewriting an article.

Who needs paraphrasing tool?

We live in an informational era, when it is crucial to create unique and interesting content. If you are running an online business, you know how hard it is sometimes to be successful in this field, and that you need to provide a lot of articles of an excellent quality, so that your reader stays with you.

It takes a lot of time an effort to create a perfect piece of content, not only should be interesting and exciting, it should be relevant, original and well-written. It takes great writing skills as well a proper knowledge of grammar and spelling to do it constantly.

If you want your blog or other types of business to be successful, a creation of the competitive content is your main goal; it should also well-done regarding the search engine’s regulations so that reader can easily find it online.

The most efficient way to do so is to write your own articles by yourself, from scratch. However, it is not easy, and you don’t always have time for it because running a business is connected to many responsibilities.

Of course, another beneficial way to deal with this issue is to hire a professional freelance writer, but it is not cheap. Not every entrepreneur has a need in a full-time writer on their staff. So what other ways to increase your content’s quality? Well, there is a much cheaper manner to do so – an online rephrase tool.

What are advantages of using an article spinner?

Generally, the benefits are almost unlimited; however, there is a short list of the most crucial ones:

  1. Firstly, it saves time and time is money. Instead of wasting days on the creation of readable content, you can increase your productivity dramatically. This tool allows rewriting content just in minutes, which is fascinating. Now you have more time for other worries and a great piece of writing.
  2. It is more efficient as you can increase the number of articles you produce. With the time saving there comes more time for content writing and SEO content optimization. It is just more productive when you have a program that cares for quality when you can put emphasis on the quantity. By joining these efforts, you can achieve an excellent productivity level.
  3. It is an online tool, so it doesn’t require any installation or downloading. It is accessible at any time and place, so you can work on your content when you have time for it. Basically, you are in charge of management.
  4. It increases SEO (search engine optimization). One of the most vital elements of it is the authenticity of the text. If your article has lots of similarities with other pieces of content online, it has a bad uniqueness level, which means that it won’t be shown on the first page of Google. And the easy way to avoid any similarities and plagiarism is to rephrase your writing with this online tool. The meaning and message of the text remain the same, and the level of originality rises dramatically. Increasing SEO means more readers and more customers.
  5. It boosts your language as you get to know new constructions and words. Language is one of the subjects that we learn throughout our lives, no matter whether we are native speakers or not. It is always great to learn new words and sentences structures to be better at writing and communication.

Сервисы голосового набора

Существуют сервисы, которые работают онлайн, и есть программы, которые устанавливаются на компьютер.



Это бесплатная разработка Google Chrome, которая, соответственно, работает только в этом браузере. Думаю, с этим проблем не будет, ведь это лучший браузер, и если вы до сих пор им не пользуетесь, то читайте статью про то, почему мы выбираем Chrome. Блокнот можно установить прямо в браузер или пользоваться возможностью набора текста голосом, перейдя на их сайт.

Войснот II

Аналогичен предыдущему сервису, также работает только в Google Chrome. Пользоваться им элементарно: выбираем нужный язык и приложение под диктовку само печатает.


Ещё один интернет-сервис быстрого голосового ввода текста. Понятный интерфейс и бесплатное использование. В арсенале этого сервиса русский, украинский, английский, немецкий, французский и итальянский языки.


Преимущества данного бесплатного сервиса в наличии голосовых подсказок, возможности просмотра вариантов распознавания. Также имеется удобный редактор, с помощью которого вы cможете скопировать полученный материал, распечатать его на принтере, осуществить перевод на иностранные языки или отправить по почте.

Google Документы

Чтобы воспользоваться набором, не прикасаясь к клавиатуре, вам нужно открыть вкладку “Инструменты”, а затем нажать на “Голосовой ввод…”

Разные команды для редактирования и форматирования пока доступны только на английском языке, но для русского языка поддерживаются пунктуационные команды:

  • “точка”,
  • “запятая”,
  • “восклицательный знак”,
  • “вопросительный знак”,
  • “новая строка”,
  • “новый абзац”.

Как показала практика, это очень удобно.



Платная программа, которая при помощи голоса не только печатает на компьютере и устанавливает знаки препинания, но и радует дополнительными опциями: она умеет транскрибировать аудио, также можно расширить версию словарями (например, с юридическими терминами или другими).

Поддерживается операционными системами, начиная с Windows 7 и выше.

Цена: от 1 690 руб.


Бесплатна и может удовлетворить амбиции многих пользователей. Её привлекательность состоит в том, что она может распознавать голос на 50 языках. Для удобного использования есть горячие клавиши, можно самому выбирать источник звука, корректировать распознанный текст.

Что такое ActiveX?

Опыт разных авторов

Все писатели работали над тем, чтобы их текст звучал, как мелодия — ритмично и красиво. У каждого для этого были свои принципы. Я приведу мнения авторитетных людей.

Исаак Бабель —русский советский писатель, переводчик, сценарист и драматург, журналист, военный корреспондент. Его «Одесские рассказы» должны прочитать все.

Говорит так:

«Раньше я как бы декламировал фразу за фразой, проверял все на слух, потом садился, писал без помарки и сразу же сдавал в редакцию. Все прежние мои рассказы, которые вы читали, написаны без помарок, можно оказать, по памяти. Потом я изменил метод. Вот пришла мне мысль, и я ее записываю. Затем надолго откладываю. Проходит два-три месяца, опять к ней возвращаюсь, и так это иногда несколько лет продолжается. У меня особая какая-то любовь к переделкам. Есть такие люди, которые напишут вещь и больше не могут ее видеть. У меня иначе: написать мне трудно, а переделывать нравится».

Эрнест Хемингуэй — американский писатель, журналист, лауреат Нобелевской премии по литературе 1954 года.

«Записывая, я часто произношу вслух отрывки диалога: ухо — хороший цензор. Я никогда не доверяю фразу бумаге, пока не сочту, что построил ее так, что она будет понятна любому».

Гюстав Флобер — французский прозаик-реалист, считающийся одним из крупнейших европейских писателей XIX века. Много работал над стилем своих произведений, выдвинув теорию «точного слова». Наиболее известен как автор романа «Мадам Бовари». Флобер — фанатичный редактор собственных сочинений, утверждал, что автор должен прочитать полторы тысячи книг, прежде чем написать одну свою. «Проза, как волосы, — говорил он, — улучшается от причесывания».

Эдит Уортон, американская писательница и дизайнер, лауреат Пулитцеровской премии, с энтузиазмом признавалась другу:

«Я поглощена массовым истреблением прилагательных».

«Я занимаюсь правкой каждую минуту каждого дня», — писала Вирджиния Вулф, британская писательница и литературный критик.

Арундати Рой, обладательница Букеровской премии, назвала этот процесс «работой наждаком», а Грэм Грин — «подпиливанием ногтей». «Я люблю писать после завтрака, — объяснял Грин, — а править после сытного обеда, на волне алкогольного куража».

В одном из своих эссе Джонатан Франзен, американский писатель-романист, привёл список того, на чём стоит сосредоточить внимание во время правки: «Сентиментальность, слабый сюжет, чрезмерное уподобление прозаического текста поэзии, солипсизм, потворство собственным желаниям, женоненавистничество и другие проявления узости взглядов, бесцельные игры с читателем, нескрываемый дидактизм, упрощённая этика, неоправданная сложность, перенасыщение текста информацией…»

Это полезный список (он составлен в форме манифе

ста, декларирующего все те требования, которым собственные сочинения Франзена не соответствуют), и его можно дополнить такими пунктами, как переизбыток персонажей, неверный тон или темп (слишком медленный или слишком быстрый) и путаная экспозиция.

Итак, мы посмотрели немного на мэтров слога и стиля.

Теперь перейдём к найденным мной принципам, которые помогают отредактировать текст.

Удаляем все данные Flash Player

Возможности текстовых процессоров

Текстовые процессоры служат универсальным инструментом для создания разнообразных документов. Примерами результатов работы в приложениях являются:

  • книга;
  • отформатированный текстовый документ;
  • справочная документация, которая служит дополнением к продуктам или услугам;
  • цифровые версии ежедневных, еженедельных или ежемесячных журналов;
  • письма для конкретного адресата или массовой рассылки;
  • маркетинговый план по продвижению продуктов и услуг;
  • памятка для работы персонала;
  • отчетность;
  • резюме.

Текстовый процессор используют в качестве прикладной программы для создания текстовых документов на магнитном носителе, редактирования и форматирования файлов, просмотра содержимого на экране и в печатном виде. В настоящее время существует множество текстовых приложений, которые в основном работают с символьной информацией. 1 символ примерно занимает 1 байт памяти диска.

Символ служит минимальной единицей информации. Слова представляют собой символьные последовательности, которые разделены с помощью пробелов и знаков препинания. Строки являются более крупными единицами символьной информации. Они складываются в абзацы, страницы и текст. Для работы с каждым таким компонентом процессор наделен определенными возможностями:

  1. Автоматизация набора для упрощения и ускорения создания документов. К примеру, для того чтобы перейти на новую строку нет необходимости нажимать клавишу Enter.
  2. Создание текстов практически любых форматов, включая письма, дипломные проекты большого объема, оформление рекламы, приглашений, открыток, таблиц, диаграмм.
  3. Просмотр информации на дисплее, возможность внести правки в отдельные фрагменты без необходимости перепечатывать весь документ.
  4. Взаимодействие с другими программами для вставки разнообразных элементов таких, как графические изображения, электронные таблицы, графики, звуки, видеоизображения.
  5. Наличие большого набора разных шрифтов, опции изменения размера символов, использования жирного шрифта, курсива, подчеркивания.
  6. Проверка орфографии, грамматики, стилистики в автоматическом режиме в процессе ввода информации и по запросу.
  7. Возможность применения специальных шаблонов.
  8. Одновременное открытие и работа с множеством окон процессора.
  9. Наиболее распространенные ошибки автоматически исправляются.
  10. Многоколоночная верстка.
  11. Широкий выбор стилистического оформления для быстрого форматирования документов.
  12. Удобные инструменты для работы с колонтитулами, ссылками.
  13. Подготовка несложных гипертекстовых документов Internet.
  14. Ввод математических формул.
  15. Отправка готовых файлов с помощью факса или электронной почты.
  16. Помощь Мастера подсказок и объемной информационной базы.
  17. Печать определенных страниц и необходимого количества экземпляров документа.

Работайте над оформлением текста

Структура материала имеет значение. Даже если ваша статья будет информативной, полезной и грамотной, не факт, что читатели дочитают ее до конца. Мало кому понравится сплошной текст без заголовков, списков и цитат.

Чтобы структурировать статью:

разбивайте материал на отдельные абзацы;
чередуйте длинные предложения с короткими: в этом случае статья будет читаться на одном дыхании;
акцентируйте внимание посетителя блога на важных мыслях с помощью цитат;
используйте нумерованные и маркированные списки;
вставляйте в текст изображения и видео;
не делайте материал слишком длинным. Подробно узнать о правилах форматирования текста можно в нашей статье Читабельность текста: что это такое и как её улучшить

Подробно узнать о правилах форматирования текста можно в нашей статье Читабельность текста: что это такое и как её улучшить.

Три столпа любой статьи — это польза, отсутствие воды и простота. Однако чрезмерное сокращение текста не всегда оправдано: везде нужно знать меру. Отредактированная статья должна отвечать на вопросы читателя, оправдывать его ожидания, быть понятной и легкой для восприятия. Только в этом случае можно говорить о ее эффективности.

Зарегистрируйтесь на Бирже eTXT, напишите статью, отредактируйте её по 12 пунктам и получите свой первый положительный отзыв от заказчика!

Список текстовых редакторов

  • Emacs — Один из самых мощных по возможностям многоцелевой, свободный редактор. История развития Emacs превышает 35 лет. Ядро реализовано на Си, остальная часть на диалекте Лисп — Elisp. Это позволяет модифицировать поведение редактора без его перекомпиляции. Имеет большое число режимов работы, при использовании редактора для программирования — не уступает возможностям IDE.
  • jEdit — Свободный редактор на Java.
  • Kate — Свободный. Мощный расширяемый текстовый редактор с подсветкой синтаксиса для массы языков программирования и разметки (модули подсветки можно автоматически обновлять по сети). Гибкий настраиваемый интерфейс. Входит в состав нативных приложений среды KDE.
  • Gedit — Свободный. Расширяемый текстовый редактор с нумерацией строк, подсветкой кода для многих языков программирования и т. п. Входит в состав нативных приложений среды Gnome и основанных на ней.
  • Notepad — входит в состав Microsoft Windows.
  • Vim. Свободный. Один из самых мощных по возможностям редактор для программистов. Общая история развития семейства vi-редакторов превышает 35 лет. Модальный, основные режимы работы: режим ввода текста и командный режим. Обладает широкими возможностями настройки и автоматизации. Целевая аудитория — администраторы и программисты. Возможно расширение функционала за счёт поддержки скриптовых языков.
  • GNU nano — Свободный редактор для текстового режима.
  • EditPlus — текстовый редактор для Windows, предназначенный для программирования и веб-разработки.
  • EmEditor — платный редактор для Windows-систем. Обеспечивает подсветку текста для разных форматов, модулей, однако интерфейс требует изучения.
  • SciTE Свободный кроссплатформенный редактор с подсветкой синтаксиса для многих языков программирования, фолдингом. Широкие возможности настройки и автоматизации.
  • NEdit — популярный текстовый редактор и редактор исходного кода для среды X Window System.
  • Notepad++ (GNU GPL), основан на том же движке, что и SciTE. Имеет сходные возможности и удобный интерфейс. Тоже наиболее часто используется программистами. Из интересных особенностей стоит отметить возможность работы с FTP.
  • Notepad GNU — свободный текстовый редактор с открытым исходным кодом для Windows, разработанный для программистов и обычных пользователей. Он базируется на компоненте SynEdit и распространяется под лицензией GNU GPL.
  • Oiynsoft Text Editor — маленький и быстрый текстовый редактор от Oiynsoft.
  • PSPad — Текстовый редактор с подсветкой синтаксиса, поддержкой скриптов и инструментами для работы с HTML-кодом.
  • RJ TextEd — свободный текстовый редактор с подсветкой синтаксиса, сворачиванием и множеством других полезных возможностей.
  • TEA — свободный кроссплатформенный редактор с сотнями функций обработки текста и разметки в HTML, LaTeX, Docbook, Lout, подсветкой синтаксиса и проверкой правописания.
  • Crimson Editor — текстовый редактор с подсветкой синтаксиса для Microsoft Windows, распространяемый под лицензией GNU GPL
  • AkelPad — маленький и быстрый редактор с множеством полезных плагинов.
  • UltraEdit
  • TextEdit — текстовый редактор-процессор от Apple Inc.
  • VEdit — один из самых быстрых универсальных файловых редакторов доступных на рынке для программистов. Для автоматизации написания текста встроен язык программирования. Написан на ассемблере x86.
  • DPAD — текстовый редактор для простых пользователей и программистов. удобный интерфейс и функциональность.
  • Rnote — текстовый редактор с большим количеством настроек и функций.
  • Bred — заменитель блокнота и HTML-pедактоp. Позволяет автоматически определять различные кодировки текста и работать с ними, выполняет форматирование текста, имеется подсветка текста и многое другое. Oн будет полезен любому пользователю, веб-дизайнеру или программисту.
  • KeyPad+ — текстовый редактор для простых пользователей и программистов. Разработан русскими программистами.
  • Buvasko Write — текстовый редактор для простых пользователей, имеет простой и понятный интерфейс, имеет возможность работать с файлами формата RTF, а также имеет возможность работы с таблицами. Разработан русскими программистами.
  • mcedit — встроенный в файловый менеджер Midnight Commander текстовый редактор с возможностью управления мышью.
  • Leafpad — простой текстовый редактор, легковесный с быстрым запуском. Входит в состав нативных приложений среды LXDE и LXQt
  • Mousepad — простой текстовый редактор, легковесный с быстрым запуском. Входит в состав нативных приложений среды XFCE


Конкурент предыдущего «героя» — программа Sibelius. Скачивается также на официальном сайте. Пожизненная платная версия стоит более 500 евро. Но доступна демо-версия программы с бесплатным доступом на месяц.

Для загрузки также потребуется регистрация. На почту придет ссылка для скачивания. Установочный архив весит более 1 Гб.

Программа встречает окном «Быстрый запуск». Его можно отключить, убрав маркеры внизу. Пользователю предлагается загрузить готовые партитуры, которые разбиты по жанрам. Также можно пройти небольшое обучение, где подробно расскажут об использовании программы.

Интересна панель создания новой партитуры. На выбор – десятки шаблонов нотной записи, начиная от стандартной со скрипичным ключом, заканчивая нотными записями для струнных квартетов, ансамблей, хоров и т.д.

На вкладке «Импорт» мы можем загрузить стандартный midi-файл с уже готовой нотной записью.

Сделаем это, чтобы продемонстрировать интерфейс программы. Возьмем композицию Pink Floyd – Wish you were here.

Интерфейс очень похож на Word 2016 – с такими же верхними вкладками. В правом нижнем углу отображается цифровая клавиатура для ввода нот. Ее можно переместить в любое место. Для ввода можно использовать как компьютерные средства (мышка, клавиатура), так и подключить midi-клавиатуру.

Страницы партитуры разбиты на несколько «слоев» (в прошлой программе мы их назвали «треками») – для каждого используемого инструмента. Они подписаны – Percussion, Electric Guitar, Mandolin и проч.

Программу можно настроить под себя – внешний вид, особенности воспроизведения, ввода нот, создание макетов, написание текстовых комментариев и многое другое. Возможен экспорт в PDF и в другие форматы.

Интересная возможность – поделиться нотной записью по электронной почте или опубликовать на сервисе Score Exchange.

Классный редактор нот с удобным и привычным многим пользователям Windows интерфейсом (похож на Word). Еще один плюс – полноценная поддержка русского языка.

Что такое текстовый процессор


Текстовым процессором называют программное обеспечение, предназначенное для создания, хранения и распечатывания печатных документов.

Эти программы очень популярны, регулярные обновления способствуют увеличению их  производительности и функционала. Наиболее узнаваемая — Microsoft Word, с которой знакомы даже простые обыватели. Подобный тип компьютерного софта используется для работы с разнообразными форматами файлов:

  • текст (.txt);
  • форматированный текст (.rtf);
  • файлы HTML (.htm & .html);
  • файлы Word (.doc & .docx);
  • файлы XML (.xml).


Текстовые процессоры нередко путают с текстовыми редакторами, таким как Блокнот. Однако в редакторах есть возможность только редактирования существующих, либо создания новых текстовых документов.

В состав чего входят

Текстовые процессоры не используются в качестве самостоятельного редактора. Программное обеспечение поставляется в составе пакета приложений. К примеру, MS Word поставляется в виде компонента системного продукта MS Office. Чтобы воспользоваться процессором LibreOffice Writer, необходимо установить LibreOffice. В состав пакетных предложений также нередко включены следующие программы:

  • текстовый процессор;
  • табличный процессор;
  • редакторы презентаций;
  • инструментарий для работы с базами данных и другие.


В период с 1970 по 1980 годы в качестве текстовых процессоров использовали специальные офисные или индивидуальные машины, с помощью которых набирали и печатали текст. В состав оборудования входила клавиатура, встроенный компьютер с функцией простейшего редактирования текстовой информации, электрическое печатное устройство. Спустя некоторое время понятие текстового процессора стали применять для программного обеспечения с аналогичным функционалом.

List Operators

Настраиваем редактор

Писать чёр­ным шриф­том на сером фоне неудоб­но, надо вер­нуть полю вво­да белый цвет. Захо­дим в код и видим, что внеш­ний вид поля настра­и­ва­ет­ся в сво­ём отдель­ном бло­ке, пря­мо внут­ри тега:

<div id=»editor» contenteditable=»true» style=»height: 50%; width: 100%; border: solid; border-width: 1px; text-align: left;»>  </div>

В про­шлый раз мы сде­ла­ли так, что­бы было быст­рее, но сего­дня испра­вим это — выне­сем сти­ли наверх, в свой раз­дел. Для это­го бло­ку доба­вим новый класс, а сам класс опи­шем в раз­де­ле <style>:

При этом опи­са­ние само­го бло­ка ста­нет таким:

<div id=»editor» contenteditable=»true» class=»editorSheet»></div>

Новые коман­ды будем добав­лять тоже туда, пере­чис­ляя их через точ­ку с запя­той. Нач­нём с бело­го фона:

background-color: white;

Теперь сде­ла­ем так, что­бы сле­ва и спра­ва у нас все­гда было сво­бод­ное про­стран­ство, а само окно редак­то­ра было похо­же на лист А4. Для это­го убе­рём свой­ства height: 50% и width: 100%, а вме­сто них напи­шем такое:

width: 80vw;min-height: 100vw;margin-left: 10vw;

10vw озна­ча­ет, что сле­ва от стра­ни­цы все­гда будет 10 про­цен­тов сво­бод­но­го места, если счи­тать от общей шири­ны страницы.

Что­бы визу­аль­но редак­тор выгля­дел эффект­нее, научим поле вво­да отбра­сы­вать тень. Сле­ду­ю­щий замо­ро­чен­ный код как раз опре­де­ля­ет харак­тер тени:

-webkit-box-shadow: 6px 10px 9px 0px rgba(0,0,0,0.75);-moz-box-shadow: 6px 10px 9px 0px rgba(0,0,0,0.75);box-shadow: 6px 10px 9px 0px rgba(0,0,0,0.75);

Такое свой­ство мож­но сге­не­ри­ро­вать на сай­те cssmatic.com или в любом дру­гом гене­ра­то­ре CSS-эффектов. Обыч­но в них мож­но настро­ить любые пара­мет­ры тени, а потом ско­пи­ро­вать полу­чив­ший­ся код в свою страницу.

Такое слож­ное опи­са­ние для тени сде­ла­но пото­му, что раз­ные бра­у­зе­ры дела­ют её по-разному. Поэто­му, что­бы наша тень вез­де выгля­де­ла оди­на­ко­во, мы исполь­зо­ва­ли 3 раз­ные команды.

Сле­ду­ю­щим шагом убе­рём чёр­ную рам­ку, сде­лав её нуле­вой толщины:

border-width: 0px;

Оста­лось ото­дви­нуть текст от самых гра­ниц поля. За это будет отве­чать отдель­ная коман­да, кото­рая гово­рит: всё, что внут­ри поля, ото­дви­га­ет­ся от гра­ниц на 15 пикселей:

padding: 15px;

Сохра­ня­ем, обновляем:

Скрипт — выгонялка пользователей + резервная копия базы.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *