String Logic - Add BBCode Into WYSIWYG Rich Text Editor
Dec 17, 2010
I've got this code to add bbcode into a wysiwyg rich text editor. Everything's working fine except when I want to add an image. The first time the script is run everything is ok, but the second time I get two image inserts, third time I get three and so on.
Here's the code:
var filename = $(this).text();
var insert = '[img="'+filename+'"]';
textarea.value = textarea.value+insert;
So first time I click on '#uploads tr', I get [img="filename"], then if I type some more stuff and then add another image, I get [img="filename"] 'Some more stuff' [img="filename2"][img="filename2"], then I'll get three image tags, then four and so on. I can see that it's something to do with the line I've highlighted, but I can't see why, or how to change it.
I have already written the BBCode controller in PHP, and so I just have to make the buttons that will add the bbcode when you click on them.The add image button I'm not sure about yet. I guess I could run a sql query on login of the contents of the database table, and store an array of image urls and thumbnails into a session, then have a 'pop-up' display the list of images you can choose from.Anyway, first thing's first. I need to be able to add the bbcode around text highlighted by the user, exactly like I am able to do with this handy SitePoint WYSIWYG editor I am using right now. So I need to grab the highlighted text with jQuery and then I can append the '[,b]' and '[/b]' round it.
I'm on to make a rich text box for my website . I've put many tools for it as the one I'm typing in now , But there are some important problems that don't let me finish it : Which one is better for editor ? <div> , IFrame or Active X controls ?
I am completely recoding my website and also planning to have a rich text composing feature. This means that I need to construct a rich text editor to make it all happen.
I have tried coding rich text editors and I know how they work, but when it comes down to browser compatibility (to some extent) and user interactivity, I fall behind.
Therefore I need to use a Rich Text Editor that is commercial, but is customizable and can be embedded easily into a website. Also if possible, some security features (outside HTML pasting, text limits, etc...).
Does anyone have any experience with any JS library that provides a rich text editor? I am particularly interested in the MS-word like feature of tracking changes. Simple features like strikethrough in case of delete and underline in case of added text would be sufficient.
Has anyone extended the FCK Editor/Tiny MCE editor for this purpose? Any suggestions on how to go about implementing this feature will be very useful.
I'm making an RTE and have come to the point where I'd like to integrate CSS support - that is, give the editing widgets (and, concurrently, the user of the editor) access to CSS styles, so you aren't just stuck with <strong>, <em>, and inline style attributes.
SO, what I need to know from you, as developers, is the preferred way of getting the styles to the script. I'm going to explain the options in detail here, and just give cursory labels for the pollAdd classNames to be used into a configuration file of the editor. Only classes specified here will be made available for editing.Use a dedicated stylesheet just for the editor, in which all rules need to be used. This would be attached to the IFRAME's document, and could be @import-ed into the regular page so the same stylesheet can be used for editing and rendering.Search all current stylesheets for rules that are a descendant of the editor's ID.Specify styles in the config to be added inline on the HTML.Other (specify)A combination/choice of any of the above.Please give some serious thought to this before responding - I want this to be something that works with the current zeitgeist of web development. Think about what the conditions under which you'd use this, and what would be best/easiest for those conditions.
A little time ago, I posted a [question] on these forums about matching all non-closed HTML tags with a regexp. I needed it because I am creating a emulated textbox which can also handle HTML tags, a so named WYSIWYG editbox. There are a lot of these already, but non of them work with the Opera browser.
This is what I have got so far. The code will work in Internet Explorer, Mozilla Firefox and Opera. Please be aware that it does nót work completely bugfree and you will also not see a caret so you just have to guess where you are typing.
At the end of last week, we had a user call us asking if we could track the changes that any particular user of the system makes, much like Microsoft Word does. I am only a beginning level developer, so I am unsure of how to do something like this and our senior developer is unsure as well.
My only thoughts to the issue would be to make a loop with x amount of users and an array of colors and as each user would make changes to the report, it would automatically loop through each color so that anyone could see who edited what. This seems a little too easy though.
I did a few Google searches but was unable to find anything relevant. Can anyone here help me out or point me in the direction of some way to do this?
This is a question for anybody familiar with rich text editors. Does anybody know why hidden form fields always appear as visible text fields in IE and not firefox? Just curious if you have experienced this with any RTE you have used or developed.
I am working on developing a not too complex bbCode editor, the first part I want to set up is bold, italics, and underline. I have my layout set up with images for each style. How do I set my images up so when they are clicked the add a tag in the text area where the cursor is? Also, if text is highlighted, how can I set it up so opening and closing tags are wrapped around the highlighted text?
Does anyone have any experience with any JS library that provides a rich text editor? I am particularly interested in the MS-word like feature of tracking changes. Simple features like strikethrough in case of delete and underline in case of added text would be sufficient. Has anyone extended the FCK Editor for this purpose?
I'm thinking about something like this one: [URL] I tried to google, but unluckily I didn't find anything concerning this topic, then I tried to understand the code of the example linked above and realized that somehow an iframe is loaded. I couldn't manage to find out whether it's just in case of compatibility issues or the final solution. If latter comes true: why are you using a <div> element in the markup then and what's this all about this <textarea> solution (I've heard of this some time ago when looking for jQuery WYSIWYG editors) basically i'd like to understand how it is working, as I'm following the "learning-by-programming"-principle
Been searching online for a while and I can't seem to find any decent solutions that work in both Firefox and IE --> basically I want to write a very simple WYSIWYG text editor where a user can highlight a word, click a "B" button and it adds bold tags around it.
Anybody have any idea how to accomplish this seemingly easy task? I've looked at the source code for various open source apps (like Wordpress and phpBB) but the code in both of these is gargantuan and fairly difficult to follow with all the includes and custom objects, functions etc.
For my projet I need to creat an editor WYSIWYG (as CKeditor or WYMeditor [jQuery]) and after must research i see editor need iFrame for functioning.I don't understand when i can access to ifram..This is the creat code :
var myIframe = $('<iframe id="frame_'+myId+'" name="frameName_'+myId+'" frameborder="no" width="500" height="100">'); var myEditorBody = $('<div class="K_editor_body"></div>');
I am trying to load the following html code into a WYSIWYG editor. Basically all I need to do is supply the html code to the 'rte1.html' var and it should load in the editor. However, I am receiving the following error: Code:
I am having a bit of a problem sending rich html emails. I just installed CK Editor on my hosting account and it appears to be working fine. But instead large colored fonts, I'm getting html tags only in my email. Links and emails appear to be working fine, though... So instead looking like this: Big Bold Blue. It looks like this: <p><span style='color: rgb(0, 0, 255);'><strong>Big Bold Blue.</strong></span></p> I also tried using mail() function in php, on its own, but that didn't work either.