CKeditor जब एक शैली

Question

जब एक चयनित पैरा

करने के लिए एक शैली लागू मेरे CKEditor अनावश्यक टैग का एक बहुत जोड़ रहा है मैं निम्नलिखित एचटीएमएल साथ CKeditor आरंभ लागू करने खाली पैराग्राफ कहते हैं पैरा और एक शैली उपकरण पट्टी का उपयोग कर लागू होते हैं, CKEditor निम्नलिखित करने के लिए अपने HTML स्वरूपों:

<p> 
    <span style="display: none;">&nbsp;</span></p> 
<p> 
    <span id="cke_bm_173S" style="display: none;">&nbsp;</span>Hi, this a text!<span id="cke_bm_173E" style="display: none;">&nbsp;</span></p> 
<p> 
    <span style="display: none;">&nbsp;</span></p> 

वहाँ किसी भी तरह से वें के साथ पैराग्राफ जोड़ने से CKEditor रोक रहा है ई ब्रेकिंग स्पेस?

बातें मैं पहले ही अपनी कॉन्फ़िग फ़ाइल

अद्यतन करने के लिए config.fillEmptyBlocks = false; और config.IgnoreEmptyParagraphValue = true; जोड़ रहे हैं की कोशिश की है बाहर कर देता है इस समस्या शैली ही जो एक कस्टम परिभाषित शैली थी संपन्न हुई थी। एक बार मैं इसे करने के लिए बदल गया है, {name : 'Heading1', element : 'p class= "subheadingsecondlevel"}: इस कोड में समस्या थी {name : 'Heading1', element : 'p', attributes : {class : 'subheadingsecondlevel'} }

Answer 1

आप इन पर विचार करना चाहते हो सकता है:

config.enterMode = CKEDITOR.ENTER_BR; 
config.autoParagraph = false; 

आप अधिक जानकारी के लिए यहाँ मेरी पोस्ट की जाँच कर सकते हैं:
How to configure ckeditor to not wrap content in <p> block?

निम्नलिखित config सेटिंग खाली पैराग्राफ में एक नॉन-ब्रेकिंग स्पेस डालने से संपादक बंद हो जाएगा:

config.fillEmptyBlocks = false; 

क्या केवल एक शैली लागू करने के बाद डाला गया अतिरिक्त कोड था?
आपने किस शैली का उपयोग किया था, क्या आपके द्वारा उपयोग की जाने वाली शैली के बावजूद सभी अतिरिक्त कोड डाले गए हैं?
यदि आप टेक्स्ट का चयन करते हैं और बोल्ड बटन पर क्लिक करते हैं तो क्या होता है?
क्या वह कोड है जिसे आप संपादक के स्रोत दृश्य से या अंतिम पृष्ठ से कॉपी कर रहे हैं जिसका उपयोग आप अपनी सामग्री को प्रदर्शित करने के लिए करते हैं?

खैर रहो,
जो

Answer 2

या, यदि सब विफल रहता है, तो आप CSS चयनकर्ता छद्म वर्ग का उपयोग कर सकते ': खाली' और यह एक 'प्रदर्शन: कोई नहीं' दे। अभ्यास में, आप अपने सीएसएस करने के लिए इस पंक्ति जोड़ें:

p:empty { 
    display:none 
} 

मैं समझता हूँ कि यह एक गंदा समाधान है, लेकिन यह ज्यादातर मामलों में पूरी तरह से काम करता है और डिजाइन और कार्यक्षमता पर कम से कम inpact है।