Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » Визуальный редактор


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

Сообщений 1 страница 10 из 10

1

Так выглядит сообщение в форме ответа

http://uploads.ru/t/1/s/f/1sf0o.png

Так выглядет в визуальном редакторе

http://uploads.ru/t/l/Q/A/lQAXF.png

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

Код:
<div id="sample">

  <script type="text/javascript" src="http://js.nicedit.com/nicEdit-latest.js"></script> <script type="text/javascript">

//<![CDATA[

  bkLib.onDomLoaded(function() {

        new nicEditor().panelInstance('area1');

        new nicEditor({fullPanel : true}).panelInstance('area2');

        new nicEditor({iconsPath : '../nicEditorIcons.gif'}).panelInstance('area3');

        new nicEditor({buttonList : ['fontSize','bold','italic','underline','strikeThrough','subscript','superscript','html','image']}).panelInstance('area4');

        new nicEditor({maxHeight : 100}).panelInstance('area5');

  });

  //]]>

  </script>

  <h4>

    Default (No Config Specified)

  </h4>

  <p>

    new nicEditor().panelInstance('area1');

  </p>

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

</textarea>

  <h4>

    All Available Buttons {fullPanel : true}

  </h4>

  <p>

    new nicEditor({fullPanel : true}).panelInstance('area2');

  </p>

  <textarea cols="60" id="area2">

Some Initial Content was in this textarea

</textarea>

  <h4>

    Change Path to Icon File {iconsPath : 'path/to/nicEditorIcons.gif'}

  </h4>

  <p>

    new nicEditor({iconsPath : 'nicEditorIcons.gif'}).panelInstance('area3');

  </p>

  <textarea cols="50" id="area3">

</textarea>

  <h4>

    Customize the Panel Buttons/Select List

  </h4>

  <p>

    {buttonList : ['fontSize','bold','italic','underline','strikeThrough','subscript','superscript']}

  </p>

  <textarea cols="50" id="area4">

HTML content default in textarea

</textarea>

  <h4>

    Set a maximum expansion size (maxHeight)

  </h4>

  <p>

    {maxHeight : 100}

  </p>

  <textarea style="height: 100px;" cols="50" id="area5">

HTML content default in textarea

</textarea>

</div>

0

2

Откуда сама идея?
Очень интересная даже....хм.

Отредактировано AlexGt (Чт, 3 Май 2012 20:22:44)

0

3

AlexGt написал(а):

Откуда сама идея?
Очень интересная даже....хм.

http://nicedit.com/demos.php?demo=2

0

4

Mango
Первое что в голову приходит для начала: скачать js и загрузить на свой форум. Дальше переделывать под свой форум (это уже не ко мне).
Спроси кого-то из:  Deff, mkusher,RUSSIAN_GOBLIN, Duka - скриптеров.

0

5

AlexGt написал(а):

Дальше переделывать под свой форум (это уже не ко мне).
Спроси кого-то из:  Deff, mkusher,RUSSIAN_GOBLIN, Duka - скриптеров.

Мне тоже эта вещица понравилась, для этого и создал тему...

0

6

:flag:

0

7

Вот что-то похожее: Скрипты от пользователей

0

8

Mango А чо  - данный код в HTML верх - не подходит ?

<script type="text/javascript" src="http://js.nicedit.com/nicEdit-latest.js"></script> <script type="text/javascript">//<![CDATA[
  $(document).ready(function(){
  var a='<button style="float:right;margin-top:-21px;" type=button onclick="toggleArea1();">Edit On/Off</button><br />'
  var b=$("#post fieldset legend span:contains('Напишите ваше сообщение и нажмите отправить')")
  b.parent().after(a);toggleArea1()});
  var area1;function toggleArea1() {
        if(!area1) {area1 = new nicEditor({fullPanel : true}).panelInstance('main-reply',{hasPanel : true});
        } else {area1.removeInstance('main-reply'); area1 = null;}
  }
  bkLib.onDomLoaded(function() { toggleArea1(); });
  //]]>
</script>

Отредактировано Deff (Сб, 5 Май 2012 12:38:14)

0

9

Deff, там HTML-код, а не ВВ-code...

0

10

Вот интересный бб-код редактор WysiBB http://wysibb.com/

0


Вы здесь » Единый форум поддержки » Архив » Визуальный редактор