ckeditor

CKEditor, Roxy Fileman, Add File -upload fails in Firefox

*爱你&永不变心* 提交于 2019-12-12 20:19:30
问题 I am using CKEditor with Roxy File Manager -plugin. In the file manager dialog window, when I use the Add File -button to upload a file into server, it works fine in IE11 and Chrome. Firefox though fails to upload the file. I have been debugging the source of Fileman and I guess the problem is in main.js (I'm using minimized version main.min.js). In function addFile() in the next code part: if(!RoxyFilemanConf.UPLOAD){ alert(t("E_ActionDisabled")) } else{ console.log(document.forms.addfile);

Listen to click events inside CKEditor dialog

吃可爱长大的小学妹 提交于 2019-12-12 19:40:15
问题 I have a ckeditor instance, to which I added a custom dialog box using: CKEDITOR.dialog.add('quicklinkDialog', function(editor) { return { title: 'Quick Links', minWidth: 400, minHeight: 200, contents: [ { id: 'tab1', label: 'Add a quick link', elements: [ { type: 'html', html: '<p>This is some text and then: <a href="">Click me!</a></p>' }] }; }); I want to add a "click" event listener on the link inside my dialog box. When that link is clicked, content will be inserted into my textrea (the

Undeletable element in CKEditor

大兔子大兔子 提交于 2019-12-12 18:24:44
问题 I'm wondering if there's a way to make an element 'undeletable' in CKEditor 4. I might have some HTML like so: <div class='content' contenteditable='true'> <div class='gallery'>...</div> </div> In this case .gallery shouldn't be able to be deleted from .content , either by backspacing or selecting and pressing delete. UPDATE: It seems widgets can not be undeletable, or at least from what I can tell. Take a look at http://ckeditor.com/demo#widgets, the widgets can be deleted. Any other ideas?

CKEditor - inline: showing up in disabled mode

怎甘沉沦 提交于 2019-12-12 16:43:55
问题 i'm trying to use CKEditor in inline mode like the following: var div = $("div.content"); CKEDITOR.disableAutoInline = true; CKEDITOR.inline( div[0]); when clicking the div, the CKEditor toolbar will show up, but all buttons are disabled and i can't edit anything. When using CKEDITOR.replace(..) - i'm getting the normal editor and anything works fine. any ideas what's wrong with the inline setup? thanks 回答1: That element ( div.content ) needs to have a contenteditable attribute set to true .

How to hide ckeditor when we click outside of the editor?

跟風遠走 提交于 2019-12-12 15:47:00
问题 Here is my code: <div id="showReplyDiv"> <form id="test"> <div> <textarea id="articleEditor" name="articleVO.articleC"></textarea> <script type="text/javascript"> CKEDITOR.replace( 'articleEditor',{customConfig : '/Forum/ckeditor/replyCKEditor.js'}); </script> </div> <div id="buttonArea"> <input type="button" id="doReply" value="submit"/> <input type="button" id="cancel" value="cancel"/> </div> </form> </div> I want it so that when the user clicks anywhere outside of this ckEditor , I can

CKEditor 4 Dropdown Button to Insert Placeholder

北战南征 提交于 2019-12-12 14:39:58
问题 I found two separated plugins: StrInsert and Placeholder . The first plugin create dropdown menu that insert string and the second plugin insert placeholder. here's the screenshot for StrInsert plugin: and for Placeholder plugin: There has been so many questions on the Internet asking for similar function (To make a dropdown that insert a placeholder) , yet there's no solution/ plugin that provides this functionality. Here's the link for the plugins: StrInsert and Placeholder I have asked

ng2-ckeditor 404 (Not Found) angular2

杀马特。学长 韩版系。学妹 提交于 2019-12-12 12:47:08
问题 I added ng2/CKEDitor with cmd npm install ng2-ckeditor it well installed there is an example https://www.npmjs.com/package/ng2-ckeditor I did the same things and I added also this script in my index <script src="https://cdn.ckeditor.com/4.5.8/standard/ckeditor.js"></script> where I call view where I put <ckedito></ckeditor> I get this error zone.js:101 GET http://localhost:9000/ng2-ckeditor 404 (Not Found) Error loading http://localhost:9000/ng2-ckeditor as "ng2-ckeditor" from http:/

CKEDITOR, calling the FullScreen Action outside of the CKEDITOR

白昼怎懂夜的黑 提交于 2019-12-12 11:00:23
问题 Anyone with CKEDitor experience know if it is possible to use JavaScript to call with Full Screen function/action outside of the CKEDITOR? thanks 回答1: I think it is possible, have you tried the solution here: http://cksource.com/forums/viewtopic.php?f=11&t=14319 It would probably be something like: var editor = CKEDITOR.instances[instanceName]; editor.execCommand('maximize'); 回答2: I tested @Magicgunnar but have problems to understand it, and to run (moment to trigg) it (!). This code if more

ckeditor getData() returning stale data (last change missing) in source mode

删除回忆录丶 提交于 2019-12-12 10:40:52
问题 try typing in source mode on http://ckeditor.com/demo to debug use CKEDITOR.instances["editor1"].on("key", function(e) {console.log("change: " + e.editor.getData())}) in console I always see one character less in the console, so If I have typed abc I see ab note: using key event because of https://dev.ckeditor.com/ticket/12031Guidelines and How to detect CKEditor source mode on change event 回答1: Writing a detailed answer here with my analysis. As I said earlier, the getData() is being fetched

how to customize upload folder for ckeditor+kcfinder using in Laravel?

懵懂的女人 提交于 2019-12-12 10:26:02
问题 I am trying to upload photos by using kcfinder as a plugin for Ckeditor. When configuring kcfinder I use this config : CKEDITOR.editorConfig = function(config) { config.filebrowserBrowseUrl = '../../../../assets/kcfinder/browse.php?type=files'; config.filebrowserImageBrowseUrl = 'assets/kcfinder/browse.php?type=images'; config.filebrowserFlashBrowseUrl = 'assets/kcfinder/browse.php?type=flash'; config.filebrowserUploadUrl = '../../../../assets/kcfinder/upload.php?type=files'; config