Онлайн редактор Word

Для того, чтобы использовать редактор, Вам необходимы базовые навыки взаимодействия с MS Word (Microsoft Office Word).

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

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

Мы предлагаем удобный редактор с максимумом возможностей.
Редактор умеет сохранять текст. Если Вы случайно закрыли браузер, выберите меню Файл>Восстановление последнего проекта. Автоматическое сохранение происходит каждые 2 секунды.

Чтобы не создавать новый абзац, используйте сочетание клавиш Enter+Shift

и тогда...
...текст просто перенесется на следующую строку.

Чтобы получить исходный код, Вы можете выделить весь текст и скопировать его, нажав сначала Ctrl+A (латинское), а затем Ctrl+C (без плюса). Затем вставить текст в необходимое место Ctrl+V

Используйте кнопки B I U S - для выделения текста
B - жирный текст
I - курсив
U - подчеркнутый
S - зачеркнутый

---

Для форматирования текста в виде кода, используйте Параграф>Предварительное форматирование
Чтобы выделить код Формат>Код

код здесь

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

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

Редактор также реагирует на сочетания клавиш клавиатуры:
Ctrl+B = B
Ctrl+I = I
Ctrl+U = U
Ctrl+Z = Отмена
Ctrl+Shift+Z = Повтор действия

Для этого необходимо:

1. Скачать архив (ссылка ниже).
2. Разархивировать его и залить файлы себе на хостинг.
3. Добавить несколько JS файлов на те страницы сайта, где необходимо подключить редактор.
4. Добавить текстовое поле в HTML страниц.

Добавим JS файлы на страницу:

<script src="https://f.inverser.pro/files/scripts/0/tinymce/jquery.tinymce.min.js" type="text/javascript"></script>
    <script src="https://f.inverser.pro/files/scripts/0/tinymce/tinymce.min.js" type="text/javascript"></script>

Добавить HTML:

<textarea class="tinyMCE" id="z"></textarea>

Подключим сам редактор:

<script>tinymce.init({ selector:'.tinyMCE'})</script>

Настройки и подключение языков.

Для того, чтобы задействовать необходимые Вам языки, их можно скачать на официальном сайте (перевод) и разместить в папке langs -редактора.

А также указать локализацию в настройках при подключении редактора:

<script>tinymce.init({ selector:'.tinyMCE',language: 'ru')}</script>

Плагины и дополнения.

Редактор имеет массу возможностей, плагинов и дополнений. Вы сможете использовать их, как скачав вместе с редактором, так и найдя в интернете.
Чтобы подключить новый плагин:

1. Создайте папку с его именем, например myplug
2. Создайте JS файл с именем: plugin.min.js
3. Разместите этот файл в папке с именем myplug
4. Задействуйте плагин в настройках при подключении редактора:

<script>tinymce.init({
      selector:'.tinyMCE',
      language: 'ru',
      // Plugins
      plugins : "myplug"
    })</script>

Получить содержимое контейнера:

tinymce.activeEditor.getContent({format: 'raw'})

Переключение редактора:

HTML:

<div class="btn btnOff">
    <i class="icon-eye"></i> Выключить редактор
    </div>

JS:

setup: function(ed){
    $('.btnOff').on('click', function(e){
    tinymce.execCommand('mceToggleEditor', false, 'z');
    })}

Полный код с нашими плагинами:

<script src="https://f.inverser.pro/files/scripts/0/tinymce/jquery.tinymce.min.js"></script>
    <script src="https://f.inverser.pro/files/scripts/0/tinymce/tinymce.min.js" type="text/javascript"></script>
    <script>
    tinymce.init({ selector:'.tinyMCE',language: 'ru',
    mode : "specific_textareas",
    autosave_restore_when_empty: true,
    schema: "html5",
    inline_styles : true,
    browser_spellcheck : true,
    gecko_spellcheck: true,
    // Plugins
    plugins : "autolink,lists,image,charmap,print,preview,anchor,pagebreak,code,save,textcolor,colorpicker,importcss,searchreplace,insertdatetime,link,fullscreen,table,emoticons,media,hr,directionality,paste,visualchars,visualblocks,nonbreaking,template,print,wordcount,advlist,codesample,autosave,contextmenu jdragdrop,charactercount",
    // Toolbar
    toolbar1: "bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | formatselect fontselect fontsizeselect | searchreplace | bullist numlist | outdent indent | undo redo | link unlink anchor image | code | forecolor,backcolor | fullscreen | table | subscript superscript | charmap emoticons media hr ltr rtl | inserttime cut copy paste | visualchars visualblocks nonbreaking blockquote template | print preview codesample | mybutton",
    removed_menuitems: "newdocument",
    // URL
    rel_list : [
    {title: 'None', value: ''},
    {title: 'Alternate', value: 'alternate'},
    {title: 'Author', value: 'author'},
    {title: 'Bookmark', value: 'bookmark'},
    {title: 'Help', value: 'help'},
    {title: 'License', value: 'license'},
    {title: 'Lightbox', value: 'lightbox'},
    {title: 'Next', value: 'next'},
    {title: 'No Follow', value: 'nofollow'},
    {title: 'No Referrer', value: 'noreferrer'},
    {title: 'Prefetch', value: 'prefetch'},
    {title: 'Prev', value: 'prev'},
    {title: 'Search', value: 'search'},
    {title: 'Tag', value: 'tag'}
    ],
    setup: function(ed)
    {
    $('.btnOff').on('click', function(e){
    tinymce.execCommand('mceToggleEditor', false, 'z');
    });

}
    });
    </script>