简体   繁体   中英

CKEditor unwanted   characters

How can I disable CKEditor to get me every time   , when i don't want them? I'm using CKEditor with jQuery adapter.

I don't want to have any   tags.

After some research I might shed some light on this issue - unfortunately there is no out-of-the-box solution.

In the CKEditor there are four ways a no-break space can occur (anybody know more?):

  1. Automatic filling of empty blocks . This can be disabled in the config:

     config.fillEmptyBlocks = false; 
  2. Automatic insertion when pressing TAB-key . This can be disabled in the config:

     config.tabSpaces = 0; 
  3. Converting double spaces to SPACE+NBSP. This is a browser behavior and will thus not be fixed by the CKEditor team . It could be fixed serverside or by a clientside javascript onunload. Maybe this php is a start:

     preg_replace('/\\s \\s/ig', ' ', $text); 
  4. By copy & paste. If you paste a UTF-8 no-break space or double-spaces CKEditor will convert it automatically. The only solution I see here is doing a regex as above. config.forcePasteAsPlainText = true; doesn't help.

Summary: To get rid of all no-break spaces you need to write an additional function that cleans user input.

Comments and further suggestions are greatly appreciated! (I'm using ckeditor 3.6.4)

There is another way that a non breaking space character can occur. By simply entering a space at the end of a sentence.

CKEditor escapes basic HTML entities along with latin and greek entities.

Add these config options to prevent this (you can also add them in your config file):

CKEDITOR.on( 'instanceCreated', function( event ) {
 editor.on( 'configLoaded', function() {

  editor.config.basicEntities = false;
  editor.config.entities_greek = false; 
  editor.config.entities_latin = false; 
  editor.config.entities_additional = '';

 });
});

These options will prevent CKEditor from escaping nbsp gt lt amp ' " an other latin and greek characters.

Sources: http://docs.ckeditor.com/#!/api/CKEDITOR.config http://docs.ckeditor.com/source/plugin48.html#CKEDITOR-config-cfg-basicEntities

Try:

config.basicEntities = false;

for me fixed the problem.

in config.js :

CKEDITOR.editorConfig = function( config ) {
  config.enterMode = CKEDITOR.ENTER_BR; // <p></p> to <br />
  config.entities = false;
  config.basicEntities = false;
};

It work for me, after you can print text with php: html_entity_decode( $someText ) ;

I noticed some text editing operations, like deleting a character (by hitting Backspace button) are spliting edited text node into two. Hitting Space Bar at the end of such newly created text node is always resulting into &nbsp; instead of normal space. I am calling normalize() http://www.w3schools.com/jsref/met_node_normalize.asp to changed element after change:

CKEDITOR.on('instanceReady', function (ck) {
    ck.editor.on("change", function (e) {
        var sel = ck.editor.getSelection();
        if (sel) {
            var selected = sel.getStartElement();
            if (selected && selected.$)
                sel.getStartElement().$.normalize();
        }
    });
 });

I had the same problems creating some tables. What I saw was that if i created the tables with the css rule align="left" the <p>&nbsp;</p> are added, but if i changed the css rule to align="center" i could edit the paragraphs out and they were not added again.

I had already had to play around with config.js, so in order to fix '?' showing up in safari I ended up with 3 lines in config.js

config.fillEmptyBlocks = function (element) {
return true; // DON'T DO ANYTHING!!!!!};
config.entities = false;
config.basicEntities = false;

This is a bad solution

config.basicEntities = false;
  • Because it does not allow you to insert the JS code in the form as text. Like that <script type="text/javascript" src="/scripts/redactor/ckeditor/ckeditor.js"></script>
  • In addition, empty blocks like <p>&nbsp;</p> сan not specify an indent in the text since the character &nbsp; will be deleted (config.fillEmptyBlocks = true;)

This is the right solution

$text = preg_replace("#([^>])&nbsp;#ui", "$1 ", $text);
  • This is a PHP function that replaces all the characters &nbsp; on a space, except those that are inside the tag like <p>&nbsp;</p>
  • The function code is not the most elegant, you can suggest your own version.

If you're using PHP you can use the following :

preg_replace("/[\<]p[\>][\s]+&nbsp;[\<][\/]p[\>]/" , " " , $pre_comment);

This will remove : "<p> &nbsp;</p>"

Enjoy :)

Maxwell

将其添加到您的config.js

config.enterMode = CKEDITOR.ENTER_BR,

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM