CKEditor unwanted   characters

by

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)

More Related Contents:

  1. Get computed font size for DOM element in JS
  2. How to ajax-submit a form textarea input from CKEditor?
  3. Change form values after submit button pressed
  4. Each for object? [duplicate]
  5. Javascript Functions and default parameters, not working in IE and Chrome
  6. Creating a JSON dynamically with each input value using jquery
  7. Scrolling Overflowed DIVs with JavaScript
  8. Is there a better jQuery solution to this.form.submit();?
  9. Cancel click event in the mouseup event handler
  10. Alternative to eval() javascript [duplicate]
  11. jQuery JSONP ajax, authentication header not being set
  12. Downloading file from ajax result using blob
  13. $.post throwing “Illegal invocation “
  14. Javascript: Easier way to format numbers? [closed]
  15. Center an Image vertically and horizontally using CSS
  16. Google’s Places API and JQuery request – Origin http://localhost is not allowed by Access-Control-Allow-Origin
  17. What’s the difference between a jQuery object and a DOM element? Difference between .get() and .index()?
  18. Change background on button click, using CSS only? [duplicate]
  19. CORS error with jquery
  20. Error: Permission denied to access property ‘handler’
  21. Looking for a better workaround to Chrome select on focus bug
  22. jQuery SVG vs. Raphael [closed]
  23. How do I detect IE 8 with jQuery?
  24. jquery: $(window).scrollTop() but no $(window).scrollBottom()
  25. In web browsers, what’s the difference between onblur and onfocusout?
  26. moment.js isValid function not working properly
  27. Set value to currency in
  28. Create a table in SVG
  29. Checking if a URL is broken in Javascript
  30. How to replace the entire html webpage with ajax response?

Leave a Comment