TinyMCE

Question

में डिफ़ॉल्ट फ़ॉन्ट परिवार को बदलना मैंने प्रलेखन here का उपयोग कर संपादक के अंदर डिफ़ॉल्ट फ़ॉन्ट सफलतापूर्वक बदल दिया है, लेकिन यह मुझे किसी समस्या के साथ छोड़ देता है। मूल डिफ़ॉल्ट फ़ॉन्ट अब फ़ॉन्ट ड्रॉप डाउन सूची में काम नहीं करता है।

मूल डिफ़ॉल्ट: Verdana
नई डिफ़ॉल्ट: MyCustomFont

जब मैं संपादक मैं डिफ़ॉल्ट रूप से मेरे MyCustomFont फ़ॉन्ट देखने में टाइप करें। अगर मैं इसे वर्डाना (मूल डिफ़ॉल्ट) में बदलने की कोशिश करता हूं तो कुछ भी नहीं होता है। मैं इसे वर्दाना को छोड़कर किसी भी फ़ॉन्ट परिवार में बदल सकता हूं। मैंने यह भी देखा कि जब मैं ड्रॉप डाउन सूची में MyCustomFont का चयन करता हूं तो सामग्री इनलाइन शैलियों के साथ एक अवधि से घिरा हो जाती है। यह मूल डिफ़ॉल्ट फ़ॉन्ट के साथ नहीं होता है (इसलिए कुछ भी क्यों नहीं होता है)।

ऐसा लगता है कि प्रलेखन का एक महत्वपूर्ण टुकड़ा गायब है - संपादक को कैसे बताना है (विशेष रूप से फ़ॉन्ट सुविधा) कि सीएसएस में डिफ़ॉल्ट रूप से परिभाषित फ़ॉन्ट डिफ़ॉल्ट फ़ॉन्ट है।

मैंने काफी कुछ किया है लेकिन इसका कोई परिणाम नहीं था। उपरोक्त वर्णित दस्तावेज के लिए हर कोई बस रहा है। क्या एकमात्र मुझे ही यह समस्या है? यदि नहीं, तो कृपया मदद करें! :)

कृपया ध्यान दें, this प्रश्न के उत्तर मेरे प्रश्न का उत्तर नहीं देते हैं।

Answer 1

बहुत देर हो चुकी

शायद लेकिन ...

$('.tinymce').tinymce({ 
    setup : function(ed) { 
     ed.onInit.add(function(ed) { 
      ed.execCommand("fontName", false, "Arial"); 
      ed.execCommand("fontSize", false, "2"); 
     }); 
    } 
}); 

संपादित

TinyMCE 4 के लिए, के रूप में @ जेसन-Tolliver और @georg राज्यों, वाक्य रचना है:

ed.on('init', function (ed) { 
    ed.target.editorCommands.execCommand("fontName", false, "Arial"); 
}); 

Answer 2

// Init TinyMCE 
$('#content').tinymce({ 
    setup : function(ed) 
    { 
     ed.on('init', function() 
     { 
      this.getDoc().body.style.fontSize = '12px'; 
      this.getDoc().body.style.fontFamily = 'serif'; 
     }); 
    } 
}); 

Answer 3

आप में से कुछ TinyMCEकी सीमाओं के भीतर काम करेंगे 10, जो दो घटनाओं की पेशकश करता है: AddEditor और RemoveEditor। जब TinyMCE का एक नया उदाहरण उत्पन्न हो रहा है और AddEditor निकाल दिया गया है, तो संपादक वास्तव में प्रारंभ नहीं किया गया है और इसलिए getDoc() को कॉल करना शून्य हो जाएगा।

आपको क्या करना है init श्रोता के भीतर श्रोता बनाना है।

tinyMCE.EditorManager.on('AddEditor', function (event) { 
    ... other code ... 

    event.editor.on('init', function() { 
     this.activeEditor.getDoc().body.style.fontSize = '12px'; 
     this.activeEditor.getDoc().body.style.fontFamily = 'Times New Roman'; 
    }); 

    ... other code ... 
    } 
}); 

यह कम से कम संस्करण 4.3.8

Answer 4

के रूप में सच है मैं TinyMCE 4.x में यहाँ सब समाधान के साथ कठिनाइयों का था मैं न fontsize है और न ही fontname नहीं बदल सके। बहुत कोशिश करने के बाद मुझे समाधान मिला। सबसे पहले मैं जेरेड्स के उत्तर की पुष्टि कर सकता हूं, इसके लिए धन्यवाद! उन दो आदेश डिफ़ॉल्ट सेटिंग्स द्वारा काम नहीं करेंगे:

tinymce.EditorManager.execCommand("fontName", false, "12px"); 
tinymce.EditorManager.execCommand("fonSize", false, "Arial"); 

डिफ़ॉल्ट फ़ॉन्ट्स आकार "pt" है, न कि "px।" तो या तो [fontsize_formats] [1] द्वारा प्रदर्शित फ़ॉन्ट आकार को "पीएक्स" के रूप में परिभाषित करें या केवल वांछित आकार को "pt" के साथ सौंपें। Tinymce.EditorManager.execCommand tinymce के साथ भी खुश नहीं है। आपको पूरे फ़ॉन्ट-परिवार को 'एरियल, हेल्वैटिका, सैन्स-सेरिफ़' जैसे सौंपना होगा।इन आदेशों अपनी साइट पर काम किया:

tinymce.EditorManager.execCommand("fontName", false, "12pt"); 
tinymce.EditorManager.execCommand("fonSize", false, "arial, helvetica, sans-serif"); 

Answer 5

जो लोग tinymce.init({ साथ timymce init और त्रिज्या Kuntoro जवाब सीधे लागू नहीं कर सकते हैं।

tinymce.init({ 
    setup: function (ed) { 
     ed.on('init', function (e) { 
      ed.execCommand("fontName", false, "Verdana"); 
     }); 
    } 
}); 

Answer 6

TinyMCE 4.6.3 के लिए यह जाने का रास्ता हो रहा है की तरह

मेरे init लग रहा है इस तरह:

tinymce.init({ 
    content_css : 'path/to/style/sheet', 
    body_class: 'define-class-name-without-dot-at-the-first' 
}); 

यह काम करता है और आपको कुछ भी सेट करने की आवश्यकता नहीं है। check it out on tinyMCE webpage

Answer 7

के रूप में TinyMCE वेबसाइट को देखें तो आप अपने init समारोह के भीतर शैली पत्रक एम्बेड कर सकते हैं:

tinymce.init({ 
      selector: '#editor', 
      menubar: false, 
      plugins: ['bbcode'], 
      toolbar: 'undo redo | bold italic underline',  
      setup : function(ed) 
      { 
       ed.on('init', function() 
       { 
        this.getDoc().body.style.fontSize = '12'; 
        this.getDoc().body.style.fontFamily = 'Arial'; 
       }); 
      }, 
     });