Jodit Editor (3.4.x.x) - Kubuntu 20.04, Firefox 83, Chrome/Chromium 87
When typing text into a textarea and the end of the Jodit editor width is reached, the editor does not wrap the text. Instead it keeps adding the characters onto the end and the horiz scroll bar turn on.
Is there a particular setting to enable this? I saw the 'wraptextnodes' plugin manages this and it appears this should be enabled by default.
The online examples work correctly.
It happened to me aswell. I believe it is about formatting the input.
Are you pasting content directly into the editor? If so, the html may be interfering with jodit.
Related
When using shift-return to add a soft return to ckeditor (version 4.5.3), and the resulting HTML is converted to PDF via wkhtmltopdf, there are "?" characters that are sometimes inserted at the start of the lines with soft returns.
Examining the HTML source, I find that there are 3 hidden characters inserted that wkhtmltopdf is converting to "?" since it doesn't know what to do with them. These characters don't show up in Notepad++ when "Show hidden characters" is turned on, but examining the file with a hex editor shows the are hex codes:
E2 80 8B
Why does ckeditor insert these hidden characters when you use a soft break, in addition to the <br /> tag? What is their purpose? And more importantly, is there a way I can disable this behavior? Or perhaps this is a bug?
UPDATE
I have duplicated the behavior using the current online ckeditor demo.
Type a few characters (like "asdf") on several lines, using shift-return to do a soft return between each line. Then click on the "Source" button to view the HTML. Select and copy an area large enough to more than fully contain the area you typed (make sure to copy a little extra below what you added). Then paste it into an online hex editor:
https://hexed.it/
You will see the same characters:
E2 80 8B
Please let me know if this is a bug. If not, what can I do to disable this behavior?
On the ckeditor bug report area, I was informed that the correct way to get "clean" HTML from ckeditor is to use:
editor.getData();
NOT what I was using:
editor.document.getBody().getHtml();
Posting here so others can easily find this, as the ckeditor documentation doesn't really help much.
I am using CK editor 4.4.6.
It seem on the first instance of pressing shift + enter, the editor inserts an invisible character. Upon submission, the character saves as a question mark. I can't see the character in the form submission when viewing the debug in the browser or the source code in the WYSIWYG editor itself. I do however notice when I press the right arrow that the cursor pauses at this character even though I can't see it. The page is being served in UTF-8.
This character is zero-width-space and is used by CKEditor to workaround Safari's and Blink's problems with placing selection inside empty inline tags or around them or in couple of other positions.
However, this character should never end up in data. It's used only internally and it is removed when getting data from editor. So, if you can find it in your database it means that you either get data from editor incorrectly, or you encounter some bug in the mechanism I described. In the latter is true please report a bug on http://dev.ckeditor.com, but please also describe how you reproduce it.
Looks like the editor is inserting character 8203.
What's HTML character code 8203?
I don't want to mess with the editor script at the moment so I'm just stripping out that character in the future on form/ajax post.
when i type something in sublime 3 it has a white box appear around the text, when i out focus the sublime and get focus back, the text which is highlighted disappear.
So i have to press escape or space to turn it off before saving which is super annoying. Tried to turn off some highlight functions in sublime setting but doesn't work.
please see the example image below, thanks
p/s i dont install any plugin except package control, and it happens to every language (php, js, html, text, xml ...)
i used a vietnamese keyboard, so turn it off when the problem sold.
i think it may happen to another keyboard. thanks
I'm currently using the Kendo UI web inline editor to edit content and wondered if it was possible to stop the editor from removing white space around the DIV element in source view? It currently keeps the format inside DIVs but not around the DIV element itself.
I was looking for a simple answer to this problem too, unfortunately there doesn't seem to be one. I'm working with KendoUI 2013.3.1119, I suppose in other versions of the editor the problem will be the same.
I was looking into the source code (kendo.web.js), where the editor is initialized. Due to a problem with ranges in IE when HTML is indented, the editor strips all whitespaces using the following line:
value = element.val().replace(/[\r\n\v\f\t ]+/ig, " ");
Since I don't work with ranges in IE (actually, I don'T use IE at home at all), I simple replaced this line with
value = element.val();
and from that point on everything worked fine.
However, you need to be aware the this is a tweak in the kendoui core and might lead to unexpected behavious depending on your usecase.
For those interested, the line number is 30497 in kendo.web.js.
Regards,
Frank
I am not able to make the rich text editor from YUI 2 (see http://developer.yahoo.com/yui/editor/) works in Firefox
My project--> A forum
Here are images of what's happening:
In IE with no comment:
http://imageshack.us/photo/my-images/39/ienocomment.jpg/
In IE with comment:
http://imageshack.us/photo/my-images/13/iecomment.jpg/
In Firefox with comment:
http://imageshack.us/photo/my-images/217/firefoxcomment.jpg/
The bug happens here:
In Firefox with no comment:
http://imageshack.us/photo/my-images/444/firefoxnocomment.jpg/
For some reason, the UI shows X X X X X and the top bar is buggy...I have NO idea why it would do that in Firefox when there is no answer for the question..
To workaround this, I tried to download YUI 3 Editor, but I can't seem to be able to add the toolbar proprieties correctly. All I want is a workable text area to put things in bold, specify colors, etc (basic stuff). If you can provide me an editor that will do that, i would be very happy.
If you need other information, let me know, thanks.
Here is the code:
http://pastebin.com/yiEiYH2V
The default margin is specified for Firefox as:
$(".test_div").css("margin-top","5px");
This is revealing the xxxx toolbar placeholder labels which are hidden otherwise. Adding a comment suppresses the margin due to collapsing margins.