Визуальный html редактор на javascript (wysiwyg редактор)

Представляем вторую версию html редактора "Визуатор". Программа получилась надёжной и удобной в обращении. HTML - код, созданный в этом редакторе, не содержит лишних узлов, что даёт ему преимущество при поисковой оптимизации сайтов.

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

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

QIWI: 901 371 81 06
WebMoney: R174324960197
Яндекс.Деньги: 410011513132981

Скачать визуальный редактор

Руководство по использованию:

• Копируем файлы редактора в рабочую директорию сайта
• Подключаем скрипт editor.js
  <script src="js/editor.js"></script>
  
• Создаём экземпляр редактора

Самый простой способ создать экземпляр - вызвать функцию editor(elem) .
В качестве аргумента, функция принимает или HTML элемент или строку, которая с помощью синтаксиса CSS ссылается на элемент. При этом содержание выбранных элементов будет доступно в редакторе для редактирования.

например:

editor("#element"); //подключаем редактор вместо элемента с идентификатором element

editor(".myClass"); //вместо каждого элемента с классом myClass будет встроен экземпляр редактора

Во избежании ошибок, функцию editor лучше вызывать по завершении загрузки документа:

<script>

document.body.onload = function() {
     editor("#edit");
}

</script>

Пример редактора для тестирования:

тут может быть любое содержание