उन्नत थीम, सरल लेआउट के साथ tinyMCE के लिए शीर्षक (एच 1, एच 2 ...) बटन जोड़ने के लिए कैसे?

Question

मेरे पास एक छोटा एमसीई संपादक है जो उन्नत थीम का उपयोग करता है। मैं उस उन्नत विषय पर सरल लेआउट का उपयोग कर रहा हूं, इसलिए मैं अपने स्वयं के टूलबार को init() पर परिभाषित कर सकता हूं बिना छोटे एमसीई क्या कर रहा है।

मेरी समस्या यह है कि मेरे संपादक में शीर्षक तत्व जोड़ने के लिए बटन नहीं हैं। मुझे इस विकल्प की जरुरत है लेकिन इस विषय पर कोई व्यावहारिक सलाह नहीं मिल सकती है।

सब कुछ मैं कर रहा हूँ tinymce.init() फ़ंक्शन, जो मैं नीचे चिपकाया है अंदर होता है:

$("textarea.tinymce").not(".simple").tinymce({ 
      script_url : "/_lib/script/tiny_mce/tiny_mce.js", 
      plugins : "wordcount,paste,spellchecker,table", 
      theme : "advanced", 
      theme_advanced_layout_manager : "SimpleLayout", 
      theme_advanced_statusbar_location : "bottom", 
      theme_advanced_toolbar_location : "top", 
      theme_advanced_buttons1 
       : "bold,italic,underline,strikethrough,|,sub,sup,|,charmap,|,forecolorpicker", 
      theme_advanced_buttons2 
       : "undo,redo,|,cut,copy,pastetext,pasteword,|,link,unlink,anchor,|,image,code", 
      theme_advanced_buttons3 : "", 
      theme_advanced_toolbar_align : "left", 
      height : 480, 
      apply_source_formatting : false, 
      convert_fonts_to_spans : true 
     }); 

मैं tinyMCE का उपयोग करने के jQuery प्लगइन का उपयोग कर रहा (मुझे यकीन है कि यह कुछ भी नहीं करना है कर रहा हूँ मेरे प्रश्न के साथ करें लेकिन यह कोड बताता है)।

मुझे लगता है कि थीम_advanced_styles विकल्प का उपयोग करना एक विचार था, लेकिन मुझे नहीं लगता कि यह मुझे वास्तविक शीर्षक टैग डालने की अनुमति देगा, बल्कि स्पैन के साथ मेरी मार्कअप शैली और हेडर की तरह दिखने के लिए क्या नहीं है।

किसी भी विचार की सराहना की। चीयर्स, जे

Answer 1

यहां एक बटन है जो एक पैराग्राफ से 1 शीर्षक बना देगा। 'Formath1' अपने buttonlist में जोड़े और

setup : function(ed){ 
    ed.addButton('formath1', // name to add to toolbar button list 
    { 
     title : 'Make h1', // tooltip text seen on mouseover 
     image : 'http://myserver/ma_button_image.png', 
     onclick : function() 
     { 
     ed.execCommand('FormatBlock', false, 'h1'); 
     } 
    }); 
}, 

Answer 2

जोड़ना शीर्षकों और निहित स्टाइल के साथ अन्य तत्वों उदाहरणों 'formatselecttheme: 'advanced' साथ theme_advanced_buttons_[1-3] सूची के माध्यम से जोड़ा जा सकता है अपने TinyMCE init से जोड़ें:

tinyMCE.init({ 
    mode : 'textareas', 
    theme : 'advanced', 
    editor_selector : 'mceAdvanced', 
    plugins: 'autolink,inlinepopups', 
    theme_advanced_blockformats: 'p,address,pre,h1,h2,h3,h4,h5,h6', 
    theme_advanced_buttons1: 'formatselect,|,bold,italic,removeformat', 
    theme_advanced_buttons2: '', 
    theme_advanced_buttons3: '', 
    theme_advanced_toolbar_location: 'top', 
    theme_advanced_statusbar_location: 'bottom', 
    theme_advanced_resizing: true, 
    theme_advanced_resize_horizontal: false, 
    relative_urls: false 
}); 

मैं superfluously - केवल प्रदर्शन के लिए डिफ़ॉल्ट मानों को शामिल किया गया है लेकिन TinyMCE Wiki बताता है कि, 2010-10-28 इस तत्व सूची को कम किया जा सकता है या तत्वों के साथ जोड़ा जा सकता है:

`p,div,h1,h2,h3,h4,h5,h6,blockquote,dt,dd,code,samp` 

Answer 3

मुझे इस समस्या के लिए एक सही समाधान होने के लिए heading plugin मिला। स्वीकार्य उत्तर भी ठीक काम करता है। हमारे द्वारा प्राप्त एकमात्र मुद्दा यह है कि जब आपका कर्सर शीर्षक पर होता है तो शीर्षक बटन सक्रिय नहीं होता है, इस प्रकार यह गैर-सहज ज्ञान युक्त होता है कि आप फ़ॉर्मेटिंग को वापस करने के लिए बटन को फिर से दबा सकते हैं। शीर्षक प्लगइन सही ढंग से एक सक्रिय स्थिति प्रदर्शित करता है।