Визуальный HTML редактор для сайта

Визуальный HTML редакторЧто такое визуальный HTML редактор? В простейшем случае визуальный HTML редактор это небольшой javascript который позволяет создавать и редактировать страницы сайта без использования HTML тегов. Тоесть в таком режиме где не нужно задумываться о формировании параграфов, вставке тегов для ссылок, картинок и т. п.

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

Как правило для скрипта сайта вполне подошол-бы простой и незатейливый скрипт небольшого объема, который будет быстро загружаться в браузер, в котором есть только необходимое и он бесплатен. На мой взгляд этим требованиям вполне соответствует wysiwyg редактор NicEdit.

Для нужд любого сайта он подойдет как нельзя лучше. Скрипт предлагается в двух вариантах, обычном и сжатом. На сайт устанавливать лучше сжатый вариант - занимает очень мало места. Редактор снабжен человекопонятными демками, правда на английском, но все написано и показано так доходчиво, что даже не знающий английского легко во всем разберется.

По умолчанию предлагается распаковать скрипт в корень сайта. Хотя вполне можно его запрятать в любую папку сайта. Если это попробовать сделать то возникнет проблема с отображением кнопок редактора. Для того, чтобы это урегулировать необходимо прописать в самом скрипте nicEdit.js путь к картинке с кнопками. Для этого достаточно открыть текст скрипта в любом текстовом или визуальном редаторе выполнить комнду поиска строки 'nicEditorIcons.gif' (нажать две клавиши Ctr+F). Далее нужно прописать нужный путь к картинке примерно так как показано ниже.


'indent' : {name : __('Indent Text'), command : 'indent', noActive : true},
'outdent' : {name : __('Remove Indent'), command : 'outdent', noActive : true},'hr' : 
{name : __('Horizontal Rule'), command : 'insertHorizontalRule', noActive : true}
},
iconsPath : '../nicedit/nicEditorIcons.gif',
buttonList : 

Кстати как все работает на реальном движке сайта можно оценить запустив на локальном сервере одну из последних версий cms на файлах Acvarif-CMS.

комментариев: (1)

Перейти и растаять в своей любимой социалке