TinyMCE：弾丸のみを許可することはできますか？

可能であれば、TinyMCE（WYSIWYGエディタ）を使用して、ユーザが箇条書きのリストと、の箇条書きのリストを作成できるようにしたいと思います。誰でも方法を知っていますか？TinyMCE：弾丸のみを許可することはできますか？

おかげで、あなたのtinyMCE.initで

2009-05-28 Anonymous

ポールはちょうど "bullist" を持っているテーマ上級buttons1を設定します。 また、theme-advanced-buttons2,3,4を何も設定しないでください。ここは完全な例です：

<html> 
<head> 
    <title>Application Name</title> 
    <script type="text/javascript" src="tiny_mce/tiny_mce.js"></script> 
    <script type="text/javascript"> 
     tinyMCE.init({ 
      // General options 
      mode : "exact", 
      elements: "description_edit_box", 
      theme : "advanced", 
      plugins : "safari,pagebreak,inlinepopups,paste,searchreplace", 

      // Theme options 
      theme_advanced_buttons1 : "bullist", 
      theme_advanced_buttons2 : "", 
      theme_advanced_buttons3 : "", 
      theme_advanced_buttons4 : "", 
      theme_advanced_toolbar_location : "top", 
      theme_advanced_toolbar_align : "left", 
      theme_advanced_statusbar_location : "bottom", 
      theme_advanced_resizing : true, 

      // Drop lists for link/image/media/template dialogs 
      external_link_list_url : "lists/link_list.js" 
     }); 
    </script> 
</head> 

<body> 
<textarea id="description_edit_box" rows="5" ></textarea> 
</body> 
</html>

出典

2009-05-28 20:16:25

TinyMCEのは、高度なテーマを使用する場合に、役立つ2つのオプションがあります。最初はtheme_advanced_buttons<n>で、どのボタンがエディタに表示されるかを決定します。高度なテーマはデフォルトで3行のボタンを定義しているため、それぞれを再定義する必要があります。

valid_elementsは、TinyMCEが未一覧のタグを削除できるようにします。あるタグを別のタグに変換することもできます。たとえば、番号付きリストを箇条書きリストに切り替えることができます。ただし、これは実際のセキュリティではないことに注意してください。悪意のあるユーザーや悪意のあるユーザーからの無効な入力をブロックするためにサーバー側のチェックを実行する必要があります。

あなたが本当に箇条書きを除くすべてのタグをブロックしたい場合は、あなたのinitの呼び出しには、以下のオプションが必要になることがあります。一方で、あなただけの番号付きリストを防ぎたい、場合

tinyMCE.init({ 
    // Select the advanced theme 
    theme : "advanced", 

    // Choose which buttons to show 
    theme_advanced_buttons1 : "bullist", 
    theme_advanced_buttons2 : "", 
    theme_advanced_buttons3 : "", 

    // Which html tags to allow 
    valid_elements : "-ul/-ol,-li", 

    // Other options, including what to make editable 
    mode : ... 
});

を、あなたの設定かもしれませんもっと見ると：

tinyMCE.init({ 
    // Select the advanced theme 
    theme : "advanced", 

    // Choose which buttons to show 
    theme_advanced_buttons1 : "separator,insertdate,inserttime,preview,zoom,separator,forecolor,backcolor", 
    theme_advanced_buttons2 : "bullist,separator,outdent,indent,separator,undo,redo,separator", 
    theme_advanced_buttons3 : "hr,removeformat,visualaid,separator,sub,sup,separator,charmap", 

    // Which html tags to allow 
    valid_elements : "@[id|class|style|title|dir<ltr?rtl|lang|xml::lang|onclick|ondblclick|" + 
     "onmousedown|onmouseup|onmouseover|onmousemove|onmouseout|onkeypress|" + 
     "onkeydown|onkeyup],a[rel|rev|charset|hreflang|tabindex|accesskey|type|" + 
     "name|href|target|title|class|onfocus|onblur],strong/b,em/i,strike,u," + 
     "#p[align],-ul[type|compact]/-ol[type|compact],-li,br,img[longdesc|usemap|" + 
     "src|border|alt=|title|hspace|vspace|width|height|align],-sub,-sup," + 
     "-blockquote,-table[border=0|cellspacing|cellpadding|width|frame|rules|" + 
     "height|align|summary|bgcolor|background|bordercolor],-tr[rowspan|width|" + 
     "height|align|valign|bgcolor|background|bordercolor],tbody,thead,tfoot," + 
     "#td[colspan|rowspan|width|height|align|valign|bgcolor|background|bordercolor" + 
     "|scope],#th[colspan|rowspan|width|height|align|valign|scope],caption,-div," + 
     "-span,-code,-pre,address,-h1,-h2,-h3,-h4,-h5,-h6,hr[size|noshade],-font[face" + 
     "|size|color],dd,dl,dt,cite,abbr,acronym,del[datetime|cite],ins[datetime|cite]," + 
     "object[classid|width|height|codebase|*],param[name|value|_value],embed[type|width" + 
     "|height|src|*],script[src|type],map[name],area[shape|coords|href|alt|target],bdo," + 
     "button,col[align|char|charoff|span|valign|width],colgroup[align|char|charoff|span|" + 
     "valign|width],dfn,fieldset,form[action|accept|accept-charset|enctype|method]," + 
     "input[accept|alt|checked|disabled|maxlength|name|readonly|size|src|type|value]," + 
     "kbd,label[for],legend,noscript,optgroup[label|disabled],option[disabled|label|selected|value]," + 
     "q[cite],samp,select[disabled|multiple|name|size],small," + 
     "textarea[cols|rows|disabled|name|readonly],tt,var,big", 


    // Other options, including what to make editable 
    mode : ... 
});

出典

2009-06-29 21:37:28 eswald

TinyMCE：弾丸のみを許可することはできますか？

答えて

関連する問題