ckeditor

How to install CKEDITOR to angular project and add plugins

∥☆過路亽.° 提交于 2019-12-20 03:23:28
问题 I am trying to install ckeditor to my angular project. I already tried installing ckeditor4-angular via npm but was unable to find a way to add plugins like the WIRIS mathType. Please how can i install the editor to my angular project and as well install plugins? 回答1: Here is an issue regarding this https://github.com/ckeditor/ckeditor5-angular/issues/134. You need to create your custom CKEditor build and include necessary plugins into it. Here is the guide: https://ckeditor.com/docs

How to use CKEDITOR.replace after CKEDITOR.inline

会有一股神秘感。 提交于 2019-12-20 03:21:49
问题 I'm using CKEDITOR in inline mode with multiple editors per page. To create them, I use <textarea> tags in the HTML and then run a script that executes CKEDITOR.inline() against each of them as soon as the webpage is loaded. That works fine as long as I define my final configuration in "config.js", but I need to update one of the configuration options dynamically. Here's my script, using JQuery to loop thru the <textarea> elements after the page is loaded. As a diagnostic, I have the CKEDITOR

CKEditor variable is available in console, but not from a Chrome userscript?

假装没事ソ 提交于 2019-12-20 03:02:35
问题 I'm writing a Chrome userscript to locally auto-save content in a CKEditor . I'm using this CKEditor auto-save plugin as inspiration. I have written a function that fires every half second (via an interval) to register the CKEditor event handler: var intervalId = window.setInterval(function() { if (CKEDITOR) { window.clearInterval(intervalId); CKEDITOR.plugins.add("user-script-auto-save", { init : function(editor) { editor.on('key', startTimer); } }); } }, 500); However, it never properly

How to indent the first line of a paragraph in CKEditor

烂漫一生 提交于 2019-12-20 02:52:33
问题 I'm using CKEditor and I want to indent just the first line of the paragraph. What I've done before is click "Source" and edit the <p> style to include text-indent:12.7mm; , but when I click "Source" again to go back to the normal editor, my changes are gone and I have no idea why. My preference would be to create a custom toolbar button, but I'm not sure how to do so or where to edit so that clicking a custom button would edit the <p> with the style attribute I want it to have. 回答1:

CKEditor issue with Bootstrap modal

拥有回忆 提交于 2019-12-20 02:42:34
问题 I am having the same issue as pointed on How to use CKEditor in a Bootstrap Modal? The problem however is that the fix doesnt seem to work any more. <button type="button" data-toggle="modal" data-target="#modalAddBrand">Launch modal</button> <div class="modal fade" id="modalAddBrand" tabindex="-1" role="dialog" aria-labelledby="modalAddBrandLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close"

pe:ckEditor doesn't work anymore after adding CombinedResourceHandler

我与影子孤独终老i 提交于 2019-12-20 02:11:22
问题 I added OmniFaces to use the CombinedResourceHandler. But now the PrimeFaces Extensions <pe:ckEditor> doesn´t work anymore. Is there any workaround for this issue? 回答1: Unfortunately, this is a known issue caused by the way how PrimeFaces Extensions loads and manages its JS resources. This was already ever reported as an issue on old Google Code host and is mentioned in the current OmniFaces known issues wiki as follows: PrimeFaces Extensions <=0.7.1-4.0.0 (and probably future versions)

How do I set a plugin on CKEditor when is used from the CDN?

纵然是瞬间 提交于 2019-12-19 19:40:04
问题 I followed the steps on the CDN Guidelines page for CKEditior, but I can't make it work. The plugin that I'm trying to install is "autoembed" (or any plugin that lets me insert a video from YouTube, a Tweet and all of those different content types), but even when I tried different ways, I can't get it to work. I was also reading the documentation on using a custom config file, where apparently they let you create a custom config config.js file, but it too doesn't work, or I'm not qualified to

CKEditor4: Make Text Differ from its HTML

怎甘沉沦 提交于 2019-12-19 17:35:33
问题 I add StrInsert plugin to my CKEditor. It basically adds a button, which in my editor, is labeled CRM Field . What the button does is it will append a value to my editor. For example: when I click $[FIRST_NAME] from the dropdown, it will append the text ${__VCG__VAL__FIRST_NAME} to my editor. Why did I name the dropdown $[FIRST_NAME] instead of ${__VCG__VAL__FIRST_NAME} ? Because I want the HTML to be <p>${__VCG__VAL__FIRST_NAME}</p> while the text shown in the editor is $[FIRST_NAME] As seen

how to select a text range in CKEDITOR programatically?

六眼飞鱼酱① 提交于 2019-12-19 03:08:29
问题 Problem: I have a CKEditor instance in my javascript: var editor = CKEDITOR.instances["id_corpo"]; and I need to insert some text programatically, and select some text range afterwards. I already did insert text through editor.insertHtml('<h1 id="myheader">This is a foobar header</h1>'); But I need to select (highlight) the word "foobar", programatically through javascript, so that I can use selenium to work out some functional tests with my CKEditor plugins. UPDATE 1: I've also tried

How to add CSS classes and an ID to paragraphs in CKEditor?

感情迁移 提交于 2019-12-19 03:07:44
问题 How would I add custom classes or an ID to text paragraphs in CKEditor? I would want to load the possible classes from DB and write them to whichever list they would be in as CKE is being loaded. The ID's would simply be made up on the spot. The classes and ID's would be used for things like marking a piece of text as a footnote or a caption. Just to be clear, I don't want to change the visible style the text using the dropdown boxes, I want to add CSS classes that can be used to style the