Using a CKEeditor Block Without a P Tag

Question

In CKEditor, when I use a block quote in the toolbar, it will look like

<blockquote> <p></p> </blockquote> 

How to remove the <p></p> in a block quote?

Or how to replace <p></p> with <pre></pre> ?

Answer 1

 CKEDITOR.on( 'instanceReady', function( ev ) { var editor = ev.editor; var dataProcessor = editor.dataProcessor, htmlFilter = dataProcessor && dataProcessor.htmlFilter; htmlFilter.addRules( { elements: { $: function (element) { var parent = element.parent; if (element.name == 'p') { if (parent && parent.name.toLowerCase()=='blockquote') { element.name="pre"; } } return element; } } }); }); 

https://jsfiddle.net/z6y8q6rm/4/