ckeditor | 易学教程

How do I customize ckeditor's toolbar

阅读更多关于 How do I customize ckeditor's toolbar

问题 I am using ckeditor and want to customize the toolbar and text entering area as the gap between two sentences much. I am unable to find the toolbar.js or config.js where i should do the changes.. how do i customize the above both 回答1: Sonal's answer isn't wrong in itself, but DOESN'T REFER TO CKEDITOR. FCKeditor was (and is) a good product, but it's now replaced by the new CKEditor, so using those config might not really work. As you can read in the docs here, you can pass custom

IE lose custom tag while sethtml

阅读更多关于 IE lose custom tag while sethtml

问题 This following Code Running in FF & IE TempNode= CKEDITOR.dom.element.createFromHtml(""); TempNode.setHtml("test"); But below mentioned code losing user defined Tags In IE (FF Works Fine) TempNode= CKEDITOR.dom.element.createFromHtml(""); TempNode.setHtml("<myTag>test</myTag>"); Also same problem with * appendHtml() * My Exact Requirement is : Element.setHtml(AnotherElement.getHtml()); original value in AnotherElement.getHtml() is: <mytag id="test_39878"

ckeditor required files does not load

阅读更多关于 ckeditor required files does not load

问题 I use the ckeditor4 in my project. I have a page (page1) that the ckeditor is loaded its. this page is loaded in modal components (materialize). when i click to a button on source page (page2), page1 is loaded in modal (loaded in php and return data to client) and ckeditor working without problem. then i closed page1 (modal) and i click to button again on source page for loading page1 (in modal). but this time, ckeditor not working. i check this problem. in first time, load all of ckeditor

CKEditor event when deleting an element?

阅读更多关于 CKEditor event when deleting an element?

问题 Is there a way in JavaScript (or CKEditor) to detect when an image is removed from CKEditor. I need it for a caption element which is inserted together with the image, but once I delete the image, the caption should be deleted aswell. Any help would be greatly appreciated. 回答1: There are no special event like a onDelete or onImageRemovedFromContent . But there are few events that can help you. editor.on('afterUndoImage', function( e ){ ... } ) But afterUndoImage fires only on Undo command,

How to remove html code at the time of page loads ck editor loading the text in asp.net

阅读更多关于 How to remove html code at the time of page loads ck editor loading the text in asp.net

问题 In my wed application, I have one page it contains ck editor when i load that page ck editor showing some fraction of seconds HTML code after it will display text in ck editor. I need to stop that showing fraction of seconds HTML code how can i do this can anyone tell me. My code is: protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { GetTemplate(); } } Public void GetTemplate() { ShowTemplate(); } Public void ShowTemplate() { //showTemplate code CKEditor1.Text = html; }

How to fill CKeditor textarea with content using codeception

阅读更多关于 How to fill CKeditor textarea with content using codeception

问题 This is a follow up question to this one -- How to fill a rich text editor field for a Codeception Acceptance test The solution given on this post, works perfectly on CKeditor version 4.3.2 Standard as seen on this site CKeditor instance but unfortunately does not work on my site's own CKeditor which is version 4.5.10. Issue with my site's CKeditor - Webdriver throws an error that the name attribute of the textarea is not found. On the example, working CKeitor this is not an issue, I am able

How can I use the CDN version of CKEditor with an alternative skin hosted on my server?

阅读更多关于 How can I use the CDN version of CKEditor with an alternative skin hosted on my server?

问题 I have read the documentation and countless posts about using alternative skins (as opposed to the standard 'moono' skin) with CKEditor. I am using the CDN version of CKEditor, but I want to use a different skin. So, I have downloaded the skin of choice (bootstrapck) and I am hosting it from my server. Everything works great, until I push it to my production server. In production it is not recognizing the alternative skin I wish to use. Here is what I have: <!DOCTYPE html> <html lang="en">

ckeditor scrollIntoView to a div element within the editor

阅读更多关于 ckeditor scrollIntoView to a div element within the editor

问题 I have a navigation menu out side ckeditor and i want to navigate within the editor as all my element in editor have ids scrollIntoView how does this work any example will be good 回答1: The information in this question (asked by myself some months ago) should get you started. The accepted answer outlines how to access elements inside the CKEditor document programmatically from JQUery. It should be possible to fetch the desired element, and do a ScrollIntoView based on that. This might already

CKEditor - Stylesheet Parser - Valid Selectors

阅读更多关于 CKEditor - Stylesheet Parser - Valid Selectors

问题 I am transitioning my CMS to use CKEditor. I am currently trying to make use of the Stylesheet Parser. I have a large number of sites with editor styles already defined. The definitions are made with simple class declarations: .[class] . By default the selector finds [element].[class] declarations. I tried setting for stylesheetParser_validSelectors : config.stylesheetParser_validSelectors = /\.\w+/; ...but the styles selection is empty. I am using Firebug, and I don't see any errors in the

CKEditor image2 change initial size

阅读更多关于 CKEditor image2 change initial size

问题 When uploading an image with image2 plugin, the height & width are initially set to the image's dimensions. Some of our users are uploading massive images and click OK to insert it onto the page without first choosing a reasonable size. The image fills the entire editor and they can't see what they're doing. How can I set the initial size to something like 300px wide? We're using CKEditor 4.11.1 with image2 plugin. I was able to achieve this by hacking plugins/image2/dialog/image2.js and