सीकेएडिटर

Question

में एक कस्टम पैराग्राफ प्रारूप कैसे जोड़ें मेरे प्रोजेक्ट में मुझे ड्रॉप डाउन से "पता" और "स्वरूपित" जैसे अनुच्छेद प्रारूप को हटाने की आवश्यकता है और "लिंक" नामक एक नया कस्टम प्रारूप जोड़ने के लिए एक आवश्यकता है एरियल, 14 पीएक्स, बोल्ड, लाल। क्या सीकेएडिटर में कस्टम पैराग्राफ प्रारूप जोड़ना संभव है?

CKEDITOR.replace('editor1', { 
    format_tags: 'p;h2;h3;pre;links', // entries is displayed in "Paragraph format" 
    format_links: { 
     name: 'Links', 
     element: 'span', 
     styles: { 
      color: 'red', 
      'font-family': 'arial', 
      'font-weight': 'bold' 
     } 
    } 
}); 

अधिक जानने के लिए के बारे में शैलियों देखते हैं कि कैसे CKEDITOR.styleSet काम करता है:

Answer 1

उपयोग CKEDITOR.config.formatTags कुछ नए स्वरूपण निर्दिष्ट करने के लिए। यह भी ध्यान रखें कि CKEditor 4.1 के बाद से, "अनुच्छेद प्रारूप" से शैलियों को हटाने से Advanced Content Filter पर प्रभाव पड़ता है।

Answer 2

चूंकि आप Drupal के साथ काम कर रहे हैं, ckeditor.styles.js वह फ़ाइल है जिसे आप ढूंढ रहे हैं, इससे आपको स्टाइल मेनू में प्रविष्टियां जोड़ने/संपादित/निकालने की अनुमति मिल जाएगी।

टिप्पणी बाहर किसी भी प्रविष्टियों आप नहीं चाहते हैं, और एक नया पैरा प्रारूप को जोड़ने के लिए कुछ इस तरह का उपयोग करें:

{ name : 'Links', element : 'p', attributes : { 'class' : 'links' } }, 

यह जो कुछ पैराग्राफ आप चाहते करने के लिए CSS वर्ग links जोड़ देगा, और आप को परिभाषित कर सकते आपकी थीम स्टाइलशीट में कक्षा। यदि आप CKEditor उदाहरण में लागू परिवर्तनों को नहीं देखते हैं तो ckeditor.css में कक्षा को परिभाषित करना सुनिश्चित करें।

वैकल्पिक रूप से, आप भी इनलाइन शैलियों सीधे लागू हो सकते हैं:

{ name : 'Links', element : 'p', attributes : { 'style' : 'font: bold 14px Arial, sans-serif; color: red;' } }, 

लेकिन पहले विधि स्पष्ट रूप से और अधिक लचीला/साफ है।

यदि आप अपने परिवर्तन तुरंत दिखाई नहीं देते हैं तो अपने ड्रूपल और/या ब्राउज़र कैश को साफ़ करना सुनिश्चित करें।