2009-05-28 14 views
5

मैं संभवतः, TinyMCE (WYSIWYG संपादक) का उपयोग करने के लिए उपयोगकर्ताओं को बुलेट सूचियों और केवल बुलेट सूचियां बनाने की अनुमति देने के लिए उपयोग करना चाहता हूं। किसी को भी एक तरह से पता है?टिनीएमसीई: केवल गोलियों की अनुमति देने के लिए सीमित है?

धन्यवाद,

पॉल

उत्तर

1

अपने tinyMCE.init में विषय-उन्नत-buttons1 सेट सिर्फ "bullist" है। आपको थीम-एडवांस्ड-बटन 2, 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> 
5

TinyMCE दो विकल्प में मदद मिलेगी, जब उन्नत थीम का उपयोग कर दिया है। पहला theme_advanced_buttons<n> है, जो यह निर्धारित करता है कि संपादक के साथ कौन से बटन दिखाए जाते हैं। चूंकि डिफ़ॉल्ट रूप से उन्नत थीम तीन पंक्तियों में बटन को परिभाषित करती है, इसलिए आपको प्रत्येक को फिर से परिभाषित करने की आवश्यकता होगी।

दूसरा 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 : ... 
}); 
संबंधित मुद्दे

 संबंधित मुद्दे