wysiwyg

CKEditor disable auto-editing HTML code

落爺英雄遲暮 提交于 2020-08-26 02:12:39
问题 I need in one of my CKEditors to disable autoediting code. If I put this code as HTML: <div class="kontaktJeden"> <div class="obr"> <img src="images/insol.png" alt=""> </div> <div class="text"> <table> <tr><td><span class="meno"><strong>Text.</strong></span></td></tr> <tr><td><span class="text">Text</span></td></tr> <tr><td><span class="ico"><img src="images/ico.png" alt="">Text</span></td></tr> <tr><td><span class="dic"><img src="images/dic.png" alt="">Text</span></td></tr> <!-- <tr><td>

How can I prefill links with http in a Quill editor?

孤者浪人 提交于 2020-07-05 12:34:19
问题 When adding links with the Quill editor I must include the protocol or the link is treated as a relative link. When someone clicks to add a link I would like to have the field prepopulate with http:// so when a user types google.com it will create a link to http://google.com instead of http://myapp.net/something/google.com . Stack overflow does this... 回答1: The above solution wont work when you try to save an existing link. Also it ignores other protocols such as ( mailto, tel, https ) Here

How to implement Action Text in Rails 5.2.1?

半城伤御伤魂 提交于 2020-06-29 03:45:28
问题 I'm experiencing difficulties in implementing the Action Text gem to my Rails 5.2.1 application. I followed the installation guide and the rich text editor wouldn't show up in my _form view. I then realised that it requires Rails 6 with webpacker and active storage . Changing my gemfile's Rails version and running rails upgrade didn't work, so I added the webpacker and active storage gems and bundled it with my current 5.2.1 version. That didn't work either. I'd really like to have a Rich

How to output CKEditor code snippets with matching styles

怎甘沉沦 提交于 2020-06-28 09:01:18
问题 I have a question to the CKEditor... First I have to say, that I searched now for over 3 hours and I don't know, if I'm so bad or why I found nothing... I'm searching for a way, how to output CKEditor-Text with the right Styles AND I added a Syntax-Highlighter-Plugin (Code Snippet) for which I also want the right styles... Can someone help me, how to format this with right styles? Input: Output: Code: <h1>Hello world!</h1> <p>I'm an instance of <a href="http://ckeditor.com">CKEditor</a>.</p>

How to prevent contenteditable input event and set model value instead in vue?

孤者浪人 提交于 2020-04-18 05:31:26
问题 I want to create simple wysiwyg editor with vue on contenteditable div. I want to store editor content into json object. I want to use state/model concept. I will do something like this within editor template: <div contenteditable> <component v-for="item in json" :is="item.blockTypeComponent" /> </div> and I will use simple-wysiwyg component with v-model somewhere on my edit page: <simple-wysiwyg v-model="someVarAsJson" /> It looks like I need store editor input data to model/state before and

How to prevent contenteditable input event and set model value instead in vue?

狂风中的少年 提交于 2020-04-18 05:30:33
问题 I want to create simple wysiwyg editor with vue on contenteditable div. I want to store editor content into json object. I want to use state/model concept. I will do something like this within editor template: <div contenteditable> <component v-for="item in json" :is="item.blockTypeComponent" /> </div> and I will use simple-wysiwyg component with v-model somewhere on my edit page: <simple-wysiwyg v-model="someVarAsJson" /> It looks like I need store editor input data to model/state before and

WYSIWYG browser editor that generates *good* HTML?

旧时模样 提交于 2020-01-30 18:53:10
问题 I'm searching for a "suck less" WYSIWYG in -browser X?HTML editor that generates good HTML code. (no <font> , <foo style="..."> , <p></p><span></span><p><span> </span><span><span>blah</span></<span></p> and so on -- <b> and <i> etc is ok). Should be easy-to-use as it is going to be used by people that do not know what HTML is. Any suggestions? Extra points for Copy-and-Paste-from-Word-readiness! :-) (I found a lot of editors but they all create that <font> and nested <span> crap that breaks

Edit for iframe contents

女生的网名这么多〃 提交于 2020-01-24 12:05:30
问题 Is there anyway I can edit the html content of an iframe inside a webpage? I have the following code: <iframe src="sample.html"></iframe> I want to edit the contents of sample.html without literally touching the html code. And I want this editor to be embedded on the website. Thank you so much! 回答1: You can access the document of the <iframe> like so: iframedoc = document.getElementById("my_iframe").contentDocument; iframedoc.getElementById("element_in_iframe").do_something(); Note that this

Why does Quill filter it's content?

有些话、适合烂在心里 提交于 2020-01-21 19:24:08
问题 When I use QuillJs to edit an existing HTML document, it removes the comments, indentations etc of the original HTML. Is there anyway to prevent this? 回答1: Quill does not support arbitrary HTML. By default, anything that is not recognized will be converted (the <strong> tag to the <b> tag) when possible, or removed when not. In Quill configuration options, use the configuration named formats . The formats defined in this property will create a whitelist , where anything not in it will be

Why does Quill filter it's content?

烂漫一生 提交于 2020-01-21 19:24:06
问题 When I use QuillJs to edit an existing HTML document, it removes the comments, indentations etc of the original HTML. Is there anyway to prevent this? 回答1: Quill does not support arbitrary HTML. By default, anything that is not recognized will be converted (the <strong> tag to the <b> tag) when possible, or removed when not. In Quill configuration options, use the configuration named formats . The formats defined in this property will create a whitelist , where anything not in it will be