nicedit

How to sticky nicedit panel?

半腔热情 提交于 2019-12-24 14:44:25
问题 I think you know it, you have a larger text and the panel is at the top of your edit area and if you will use the panel you must scroll. It would be nice, if the panel sticky at the top of the window, instead of going away. Any idea, how to sticky the panel? 回答1: Easier than I thought. var sticky_panelContain_offset_top = $('div.nicEdit-panelContain').offset().top; var sticky_panelContainer = function(){ var scroll_top = $(window).scrollTop(); if (scroll_top > sticky_panelContain_offset_top)

How to sticky nicedit panel?

喜你入骨 提交于 2019-12-24 14:31:05
问题 I think you know it, you have a larger text and the panel is at the top of your edit area and if you will use the panel you must scroll. It would be nice, if the panel sticky at the top of the window, instead of going away. Any idea, how to sticky the panel? 回答1: Easier than I thought. var sticky_panelContain_offset_top = $('div.nicEdit-panelContain').offset().top; var sticky_panelContainer = function(){ var scroll_top = $(window).scrollTop(); if (scroll_top > sticky_panelContain_offset_top)

Ajax Submit nicEdit

爷,独闯天下 提交于 2019-12-24 13:52:46
问题 I'm using nicEditor on one of my projects and i want to submit the content using jQuery from plugin. Here is my code <script type="text/javascript"> bkLib.onDomLoaded(function() { new nicEditor().panelInstance('txt1'); }); </script> <script> $(document).ready(function() { $('#submit-from').on('submit', function(e) { e.preventDefault(); $('#submit').attr('disabled', ''); // disable upload button //show uploading message $(this).ajaxSubmit({ target: '#output-login', success: afterSuccess //call

NicEdit html editor for managing dynamic add/remove textareas

百般思念 提交于 2019-12-20 06:10:30
问题 Hi I am having problem with my dynamic add textarea, I need to have niceEdit html editor in all my textarea, It works good on hardcoded textarea but when I use my javaScript dynamic add function to to produce textarea it does not obtain the nicEdit html editor. could anyone tell me what I'm missing here. Any comments and suggestion is well appreciated. here's my jsfiddle 回答1: Take it step by step. You need to instantiate for the new nicEditor Instance on each newly added controls. //Create

Insert html tags around selected text in NicEdit

喜欢而已 提交于 2019-12-14 03:19:54
问题 I am looking for a way to insert HTML tags around text marked in NicEdit, so that I can, for example, indent the text and make it green. I want to do this by inserting < pre > tags around the marked text with a css class of my choice(which does the formating of the text, makes it green etc). The code for my button look as follows: var customButtonOptions = { buttons : { 'code' : {name : __('Mark text as code'), type : 'nicEditorCodeButton'}} , iconFiles : {'code' : '../save.gif'} }; var

Saving nicedit textarea content into mysql database

此生再无相见时 提交于 2019-12-12 12:35:30
问题 I'm sort of a newbie so I would appreciate a very clear explanation, thanks in advance. I'm using the nicedit textarea on a website, the information to be read could contain: Just plain text (user formatted) text and images together I'm using a mysql database and I don't know how to save the content of the textarea in a way that: the text can be read from the database without loosing the users formatting the images in the textarea can be stored into the filesystem and reloaded when the text

how to set nicedit uneditable

旧城冷巷雨未停 提交于 2019-12-12 10:49:36
问题 i'm using nicedit js which is is a WYSIWYG editor in my textarea to view html doc, but it still editable, how to set this nicedit to readonly mode, i try to search from its doc but unable to find it, do any one have experience using nicedit, thanks in advance 回答1: Here is a helpful jQuery solution that I use with nicEdit: jQuery('.nicEdit-main').attr('contenteditable','false'); jQuery('.nicEdit-panel').hide(); You can simply change it back to 'true' to make it editable again. Note: I would

Adding keyup action to iframe of version of niceEdit

。_饼干妹妹 提交于 2019-12-11 11:23:14
问题 I am using nicEdit in its iframe format.Everytime the user write anything in the editor(keyup event), I need to run another js/jquery function. How to add this custom keyup action to the desired iframe? 回答1: The answer actually lies in the js code. In the nicEdit.js search for : var nicEditorIFrameInstance = nicEditorInstance.extend({ Inside this, in the initFrame function, look for this.frameDoc.addEvent . This is where the events are being added(via addEvent). To this include your keyup

Nicedit upload images locally fails

你。 提交于 2019-12-09 07:33:32
问题 This is how I call the editor: new nicEditor({ buttonList : ['bold','italic','underline','upload'], iconsPath:'img/nicedit.png', uploadURI : 'http://server.com/integracion/files/nicUpload.php' }).panelInstance(textareaId); And the .php file exists ( and I the one in the Docs, and I updated the target paths ) /* I want them here http://server.com/integracion/files/uploads/ so... */ define('NICUPLOAD_PATH', './uploads'); // Set the path (relative or absolute) to // the directory to save image

How to get the “upload image” field using Nicedit editor

空扰寡人 提交于 2019-12-08 10:42:11
问题 my code is Html code: <div id="sample"> <script type="text/javascript" src="../nicEdit.js"></script> <script type="text/javascript"> bkLib.onDomLoaded(function() { nicEditors.allTextAreas() }); </script> <h4>First Textarea</h4> <textarea name="area1" cols="35"></textarea> </div> The above code convert the text area into editor. I need a one more option for that editor that should be able to upload images 回答1: According to the Documentation you will need to specify a uploadURI for that und