кнопки бб кодов в панели редактора

11-06-2017, 11:11 PM

Всем привет!
Подскажите пожалуйста способ добавить в панельку редактора вместо стандартных элемнтов управления кодами простые кнопочки для набора кодов (b,i,u, quote, size, color, img, link и быть может спойлер) таким образом, чтобы при нажатии на кнопки в текстовое полее добавлялся соотвествующий тег бб кода
просто в общих чертах с небольшим примером, я был бы очень признателен
заранее спасибо

userok добавил 06.11.2017 в 22:11
попробовал явой по клику, не работает:

PHP Code:


			
    <script type="text/javascript">  
         gp = {
             click:function(name, object){  
          var obj = $('#'+object), text = obj.val();  
          obj.val(text+name);  
             }
          }
    </script>
    <a href="javascript://" onclick="gp.click('message', 'B');">[b]</a>

попробовал кнопкой сабмит, но после вставки сообщение сразу отправляется:

PHP Code:


			

<form action = "" method = "post">
  <input type = "submit" onclick="document.getElementById('message').value='[b]'" value = "[b]" />
  <input type = "text" name = "text" id="text" value = "" />
</form>

11-06-2017, 11:18 PM

в смысле заменить картинки на элемент "<a>" ??
вам нужно перелопатить все яваскрипты воблы, которые относятся к редактору
там многое зависит от элементов хтмл кнопки, как к нему прицепляются события яваскрипт, как вставляются в редактор (с параметром или без) и так далее...

11-06-2017, 11:48 PM

разобрался) вот таким образом выглядит showthread_quickedit с кнопочкой для вставки bb кода

PHP Code:


			
<div class="controlbar" style="padding-$stylevar[right]:8px">
    <form action = "" method = "post">
    <fieldset style="border:0px; padding:0px; margin:0px">
       <input type = "button" onclick="document.getElementById('vB_Editor_QR_textarea').value='[b][/b]'" value = "[b]" />
      <textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="width:100%; height:{$editor_height}px" tabindex="1" dir="$stylevar[textdirection]"></textarea>
    </fieldset>
    </form>
</div>

<input type="hidden" name="wysiwyg" id="{$editorid}_mode" value="$editortype" />
<input type="hidden" name="styleid" value="$session[styleid]" />

userok добавил 06.11.2017 в 22:24

Quote:

Originally Posted by kerk

в смысле заменить картинки на элемент "<a>" ??
вам нужно перелопатить все яваскрипты воблы, которые относятся к редактору
там многое зависит от элементов хтмл кнопки, как к нему прицепляются события яваскрипт, как вставляются в редактор (с параметром или без) и так далее...

да мне не нравится этот вордовский дизайн текстового редактора, хочется просто кнопочки для разрешенных тегов

userok добавил 06.11.2017 в 22:48
поправочка:

PHP Code:


			
<div class="controlbar" style="padding-$stylevar[right]:8px">
    <fieldset style="border:0px; padding:0px; margin:0px">
       <input type = "button" onclick="document.getElementById('vB_Editor_QR_textarea').value+='[b][/b]'" value = "[b]" />
      <textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="width:100%; height:{$editor_height}px" tabindex="1" dir="$stylevar[textdirection]"></textarea>
    </fieldset>
</div>

<input type="hidden" name="wysiwyg" id="{$editorid}_mode" value="$editortype" />
<input type="hidden" name="styleid" value="$session[styleid]" />

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