NicEdit — редактор расширенного текста

HTML редактор NicEdit
image_pdfimage_print

Приветствую Вас, уважаемые читатели блога SoftMaker.kz. Сегодня я хочу рассказать о том, что такое HTML редактор NicEdit. Я уверен, что вы хотите, чтобы ваш сайт был удобен для посетителей. У вас есть желание сделать его лучше, кроме  возможностей этого редактора вы можете еще хорошо его оптимизировать. В конце статьи я расскажу, где найти бесплатную информацию об этом. А сейчас перейдем к NicEdit!

NicEdit это простой, кроссплатформенный, Встроенный Контекстный Редактор, позволяющий легко редактировать страницы Вашего сайта напрямую из Вашего браузера (например, firefox). Нужна помощь в установке NicEdit на Вашем сайте? В статье Как установить HTML Редактор NicEdit подробно объясняется как это сделать.

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

 


И преобразуем его в редактор расширенного текста:

Почему NicEdit? NicEdit это WYSIWYG редактор расширенного текста для веб-сайтов. Он предназначен для простого и быстрого редактирования текстов посетителями Вашего сайта.

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

Этот редактор не перегружает пользователей всякими «прелестями», которые из-за своего разнообразия могут обескуражить или запутать Ваших посетителей надолго. Хороший инструмент, на самом деле может быть бесплатным. Настройте Ваш HTML Редактор NicEdit и начните использовать его на своём сайте!

Источник: NicEdit.com

Как и обещал в начале статьи, хочу посоветовать один бесплатный авторский видеокурс, который поможет быстро оптимизировать ваш сайт и сделать его загрузку еще быстрее! Это курс от опытного вебмастера Бернацкого Андрея. Из этого практикума вы узнаете:
  • Как всего за пару часов залатать сайт и сделать его загрузку быстрее?
  • Как на реальных примерах применить его технологию оптимизации страниц?
  • Как моментально отслеживать, когда-какой-то плагин, движок или тема «замедляет» ваш сайт?
  • Какие существуют универсальные навыки, благодаря которым можно оптимизировать загрузку сайтов на любом движке?
  • Как оптимизировать тяжёлые и наименее поддающиеся оптимизации png-файлы без потери качества?
  • Как научиться снижать число http-запросов?
  • И еще многое другое...

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

Бесплатный видеокурс по ускорению работы сайта



  Пожалуйста, Войдите или Зарегистрируйтесь чтобы получить ссылку на скачивание.


Этот блог читают уже много людей
- читай и ТЫ!

34 ответы
  1. дима
    дима says:

    скажите чем отличается NicEdit который можно скачать тут, от того который предоставлен для скачивания на официальном сайте
    спасибо

    Ответить
  2. дима
    дима says:

    я поменял путь тоже в файле NicEdit.js
    с конфигурацией тоже зделал всё так как описано на странице (подробнее здесь:)
    почему собственно спрасил. этот редактор я скачал с официальной страницы, а установку смотрел у вас, и у меня получилось в редакторе всего кнопок 8(хотя, когда скачивал, выбрал параматры редактора с большей функциональностью). после этого я скачал редактор с вашей странице(удивило что он весит на 30кб больше), проделал всё тоже, кнопок стало 14+3поля.

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

    в любом случае большое спасибо, ваш сайт мне уже очень помог

    Ответить
  3. дима
    дима says:

    я использую такую:
    <script type="text/javascript" src="nicEdit/nicEdit.js"></script>
    <script type="text/javascript">bkLib.onDomLoaded(function() { nicEditors.allTextAreas() });
    </script>.
    потомучто, у меня в <textarea cols="50" id="УЖЕ ЗАНЯТО"> </textarea>.
    я вас правельно понял? что тогда делать в таком случае?

    Ответить
  4. Softmaker
    Softmaker says:

    Ещё один вариант. В файле nicEdit.js можно убрать из списка buttonList : ненужные кнопки.

    Ответить
  5. дима
    дима says:

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

    Ответить
  6. дима
    дима says:

    результат третьего варианта такой же как и у первого.
    но вот второй :))))))))))
    всё что нужно было — помогли! остальное сам буду юзать, но оно уже не так важно.
    бесконечно вас благодарю, и желаю хорошие пожелания 🙂 СПАСИБО!

    Ответить
  7. дима
    дима says:

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

    Ответить
  8. Softmaker
    Softmaker says:

    В принципе ни чем, только я изменил путь до иконки iconsPath : ‘../../files/HTML/NicEdit/nicEditorIcons.gif’ это в файле NicEdit.js, но можно менять путь к ней, кода конфигурируете NicEdit: new nicEditor({iconsPath : ‘../nicEditorIcons.gif’}).panelInstance(‘area3’); подробнее здесь http://softmaker.kz/articles.php?cat=1&id=15

    Ответить
  9. Softmaker
    Softmaker says:

    Если Вы используете вот такую конструкцию: new nicEditor({buttonList : [‘fontSize’,’bold’,’italic’,’underline’,’strikeThrough’,’subscript’,’superscript’,’html’,’image’]}).panelInstance(‘area4’);
    buttonList — это список указываемых Вами кнопок.

    Ответить
  10. Softmaker
    Softmaker says:

    bkLib.onDomLoaded(
    function() {
    nicEditors.allTextAreas({
    xhtml : true,
    iconsPath : ‘javascript/nicedit/nicEditorIcons.gif’,
    buttonList : [‘fontSize’,’bold’,’italic’,’underline’,’strikeThrough’,’subscript’,’superscript’,’html’,’image’]
    }
    );
    Здесь настраиваются и другие параметры, в ключая buttonList для всех textarea.

    Ответить
  11. Softmaker
    Softmaker says:

    Пожалуйста, но я думаю третий вариант подходит лучше, если fullPanel : true убрать и поставить buttonList : и посмотреть синтаксис, лишние скобки убрать и т.д. Я думаю получиться. Успехов!

    Ответить
  12. Zork
    Zork says:

    Доброго времени суток, если у вас не утро.. Если утро — Здравствуйте!! не подскажите как использовать текст введенный в измененную таким образом textarea? Ну там в базу добавить, или еще чего..

    Ответить
  13. дима
    дима says:

    Softmaker очень нужна ваша помощь.чтобы вывести на странице редактор, надо прописать это: (<script type="text/javascript" src="папка/nicEdit.js"></script>
    <script type="text/javascript">bkLib.onDomLoaded(function() { nicEditors.allTextAreas() }); </script>) Всё получается, но мне надо вывести на одной странице два окна редактора, у которых разные возможности (например в одном редакторе есть пять кнопок, а у другого нету ниодной). я думал решить это так, сделать два файла (nicEdit1.js), в одном оставить нужные кнопки и назвать его (nicEdit1.js), а в другом убрать все кнопки и назвать его (nicEdit2.js). и потом где надо писать (src="nicEdit/nicEdit1.js") или (src="nicEdit/nicEdit2.js"). на разны страница такое роботает, но вот на одной нехочет. выводит или (nicEdit2.js), или (), взависимости какой ближе к текстаре. подскажите пожалуйста как решить эту задачу?

    Ответить
  14. Softmaker
    Softmaker says:

    Пример 2:

    Если нужно изменить только один тэг textarea, то можем написать:

    <script src="/NicEdit/nicEdit.js" type="text/javascript"></script>

    <script type="text/javascript"> bkLib.onDomLoaded(
    function() { new nicEditor({fullPanel : true}).panelInstance(‘area1’);}

    </div><textarea cols="50" id="area1"> </textarea></div>

    Ответить
  15. Softmaker
    Softmaker says:

    .panelInstance(‘area1’) — указывает на тот textarea, который Вы хотите использовать

    Ответить
  16. дима
    дима says:

    может как-то, и где-то написать условие: если id=’такой’ , то оброщаться к фалу nicEdit1.js , а если id=’воттакой’ , то оброщаться к фалу nicEdit2.js . как вы думаете можно как-то так сделать. (я не знаю язык Javascript) ответе пожалуйста

    Ответить
  17. Softmaker
    Softmaker says:

    Нужно написать так:
    //Первый, одна кнопка:
    <script src="/NicEdit/nicEdit.js" type="text/javascript"></script> <script type="text/javascript">
    bkLib.onDomLoaded( function() { new nicEditor({buttonList : [‘fontSize’]}).panelInstance(‘area1’);}

    </div><textarea cols="50" id="area1"> </textarea></div>

    //Второй, девять кнопок:
    bkLib.onDomLoaded( function() {new nicEditor({buttonList : [‘fontSize’,’bold’,’italic’,’underline’,’strikeThrough’,’subscript’,’superscript’,’html’,’image’]}).panelInstance(‘area2’); buttonList — это список указываемых Вами кнопок.

    </div><textarea cols="50" id="area2"> </textarea></div>

    Ответить
  18. Nikolay
    Nikolay says:

    Люди, помогите изменить nicEdit.js, чтобы, вместо заключения каждого абзаца в теги <p>, при нажатии Enter ставился тег <br>. Также, хотелось бы заливать картинки себе на сервер.

    Ответить
  19. diC
    diC says:

    А кто сталкивался с проблемой абракадаброй в коде после вставки на хостинг! На локальном исправно работает, а после того как залил на хос выдает что то типа — &quot;\\\\&quot;\\&quot;\" и повсюду

    Ответить
  20. Cooker
    Cooker says:

    помогите, у меня возникает проблема при передачи параметров из textarea. полей textarea 2. первый работает на ура. второй не передает данные. в чем может быть причина и как бороться?

    Ответить

Ответить

Want to join the discussion?
Feel free to contribute!

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

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