wysiwyg

问题 I have a code to wrap elements around text it works fine until i try the following format in my editor: <u><strong>T</strong>es<strong>t</strong></u> It automatic adds two empty strong elements before the underlined element and after like this: <strong></strong> <u><strong>T</strong>es<strong>t</strong></u> <strong></strong> Here's the code that i use and i have buttons that have actions like wrap('strong'): function wrap(tagName) { var selection; var elements = []; var ranges = []; var

问题 I have problem with wysiwyg editor in pimcore object. When I mark text, go to Styles and choose for example "Marker" that results nothing. In source code that looks like < span class="marker" > Lorem ipsum < /span >, but in editor it's same. It only gets text, althought text should be yellow. Any ideas ? 回答1: The Styles dropdown actually just changes the HTML markup. So this <p>Lorem ipsum</p> is changed into <p><span class="marker">Lorem ipsum</span></p> If you really want to have yellow

问题 I have some div with text and spans (include text). How I can highlight text into div if I know highlight positions? I mean: <div>Lorem<span> ipsum</span> dolor amet</div> for positions 2 and 14: <div>Lo<b>rem<span> ipsum</span> dol</b>or amet</div> I can do this simple? With small and clean code. Thank you 回答1: HTML <div id='mydiv'>Lorem<span> ipsum</span> dolor amet</div> JS/Jquery var elm = $('#mydiv'); highlite(elm, 2, 28); //specify the start and end position // if you know the word you

问题 I am creating a visual mathematics equation editor online, but I am finding difficulty in making it properly. Before I continue, I wanted to make sure that there are no website-implementable editors I can use (ones which can do fractions, indices, surds, etc.). So, is there any? UPDATE: I was just looking online and I saw Math/Graph TinyMCE, but that one still requires user knowledge of LaTeX. I want something exactly like that, but where they can actually just edit the fraction hands-on. 回答1

问题 I found this article: http://www.deluxeblogtips.com/2010/05/editor-style-wordpress-30.html I created a child theme using the Twentyten theme as a parent. I am trying to have the WYSIWYG editor use a custom stylesheet. I added this to my functions.php file: add_editor_style(); Then I created an editor-style.css file in my child theme's folder and added this: html .mceContentBody { max-width:591px; } When I go to the WYSIWYG editor and use firebug to check the css that is affecting the

问题 When I click add image or add flash or add table button, especially when I click buttons that open a dialog box, I'm getting this error. What is the problem do you think? in firefox Error: jQuery("<div />").addClass(this.opts.class).dialog is not a function source file: elrte/js/elrte.min.js Line: 3 in chrome Uncaught TypeError: Object [object Object] has no method 'dialog' elrte/js/elrte.min.js:3 回答1: I think the problem is exactly as the error messages explain. Your jQuery object doesn't

问题 CONTEXT I'm looking to create a WYSIWYG editor that allows users to edit a third party site loaded within an iframe. I know the companies such as Optimizely use proxying to accomplish this (as described here) but I don't quite understand how this works. In particular, this part is somewhat unclear: The Optimizely Editor loads http://www.mypage.com inside an iframe and uses window.postMessage to communicate with the page. This only works if that page already has a snippet like the one above on

问题 CONTEXT I'm looking to create a WYSIWYG editor that allows users to edit a third party site loaded within an iframe. I know the companies such as Optimizely use proxying to accomplish this (as described here) but I don't quite understand how this works. In particular, this part is somewhat unclear: The Optimizely Editor loads http://www.mypage.com inside an iframe and uses window.postMessage to communicate with the page. This only works if that page already has a snippet like the one above on

问题 DESCRIPTION I am trying to create an inline blot for text highlighting. I know this feature is already present in quill. But in my implementation I would like to assign a different value to the html element depending on the type of highlighting that was assigned. Here's what I got: let Inline = Quill.import('blots/inline'); class TextHighlight extends Inline { static create(value) { let node = super.create(); if(!value || value < 1) return node; if(value == 5){ node.style.color = 'rgb(225,

问题 I have written my own custom plugin for inserting images in CKEDITOR. I disable the image button in toolbar . I use the editor.insertHtml() function to insert the image from my custom plugin . When I remove the standard image button from the toolset it disables insertion of image tag in the CKEDITOR box . All other html tags are accepted but for the <img/> tag . This is my config(without the 'Image' in config.toolbar) : CKEDITOR.editorConfig = function( config ) { CKEDITOR.plugins.addExternal