- Issue created by @pemson18
Not able to add ckeditor styles for the ckeditor accordion due to change in the render of the accordion since the editor renders it as div in the editor interface...
create a accordion in the ckeditor5
inspect the accordion in the editor (the render is div)
<div class="ckeditor-accordion-title ck-editor__editable ck-editor__nested-editable" role="textbox" contenteditable="true"><strong>What is the badge used for?</strong></div><div class="ckeditor-accordion-content ck-editor__editable ck-editor__nested-editable" role="textbox" contenteditable="true"><p>With your Pathways badge, you can:</p><p>pemson</p><p><br data-cke-filler="true"></p><ul><li><span class="ck-list-bogus-paragraph">Broadcast your learning achievement</span></li><li><span class="ck-list-bogus-paragraph">Develop your personal brand</span></li><li><span class="ck-list-bogus-paragraph">Let others (colleagues, employers, etc.) know what you’ve completed by sharing on your LinkedIn profile</span></li><li><span class="ck-list-bogus-paragraph">Show your network you’re committed to life-long learning</span></li></ul></div><div class="ckeditor-accordion-title ck-editor__editable ck-editor__nested-editable" role="textbox" contenteditable="true"><strong>How can you get your badge?</strong></div><div class="ckeditor-accordion-content ck-editor__editable ck-editor__nested-editable" role="textbox" contenteditable="true"><p>It’s easy — all you need to do is complete all courses in your chosen Pathway. Once done, you’ll receive an email from a third-party badge provider, Accredible (support@credential.net), with instructions on how to download and display your badge. Please allow up to four weeks to receive this email. For any questions, contact <a href="mailto:learning.excellence@intact.net">learning.excellence@intact.net</a></p></div><div class="ck ck-reset_all ck-widget__type-around"><div class="ck ck-widget__type-around__button ck-widget__type-around__button_before" title="Insert paragraph before block" aria-hidden="true"><svg viewBox="0 0 10 8" xmlns="http://www.w3.org/2000/svg"><path d="M9.055.263v3.972h-6.77M1 4.216l2-2.038m-2 2 2 2.038"></path></svg></div><div class="ck ck-widget__type-around__button ck-widget__type-around__button_after" title="Insert paragraph after block" aria-hidden="true"><svg viewBox="0 0 10 8" xmlns="http://www.w3.org/2000/svg"><path d="M9.055.263v3.972h-6.77M1 4.216l2-2.038m-2 2 2 2.038"></path></svg></div><div class="ck ck-widget__type-around__fake-caret"></div></div>
Active
2.2
Code