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:
Code:
$('#uploads tr').click(function(){
var filename = $(this).text();
var insert = '[img="'+filename+'"]';
textarea.value = textarea.value+insert;
$('#images').hide();
textarea.focus();
});

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.

View 2 Replies


ADVERTISEMENT

Jquery :: WYSIWYG Rich Text Bbcode Editor

Dec 15, 2010

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.

View 3 Replies View Related

Rich Text Editor

Nov 11, 2007

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 ?

View 4 Replies View Related

Useful Rich Text Editor

Apr 21, 2007

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...).

View 3 Replies View Related

Track Changes In Rich Text Editor

Jul 5, 2007

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.

View 3 Replies View Related

CSS Styles In A Rich-Text Editor

Aug 11, 2003

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.

View 5 Replies View Related

Creating A Rich Text Editor?

Jun 20, 2005

Are there any decent tutorials or resources about how to build a rich text editor? I need to make one for a project at work and I think it'd be a handy add-on to alot of the CMS stuff we do here.

View 3 Replies View Related

Rich Text Editor For IE, FF And Opera!

Mar 12, 2006

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.

HTML Code:

View 2 Replies View Related

Finding A Rich Text Editor?

Sep 6, 2010

I'am looking for a rich-text editor (javascript) that I can put in my page.I need one that can :

+ work on IE

+ format text (color, font size etc ...)

+ insert an image from client's computer

+ paste text and images copied from Microsoft Word.

View 6 Replies View Related

JQuery :: Put Rich Text Editor Plugin?

Jul 26, 2009

I need to put a rich text editor in a textarea.

Is there any way to do this with jQuery?

View 2 Replies View Related

Rich Text Editor Not Displaying PHP Variable / Fix It?

Mar 4, 2009

I have a javascript rich text editor code...

If I set $Message = 'hello' then it works and the message is inputed onto the rich text editor and appears. But when I try to retrieve the variable via $Message = $_SESSION['Message'] or from a database $Message = $INFO['Message'] ... the whole text editor disappears! How do I keep the data in the rich text editor from disappearing after a refresh by storing the variable with javascript or something else.

View 14 Replies View Related

Track Changes In Javascript Rich Text Editor?

Jun 5, 2006

I am currently assisting in development of a PHP 4 / MySQL based web application. The application creates large environmental reports based on the information that the users input. Multiple sections of the site allow uses to enter text into a Javascript based Rich Text Editor that will then take whatever they enter and save it into the database. Once the first user enters this information it is sent up a level to a senior reviewer, who then checks the information that the first user entered.

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?

View 1 Replies View Related

Rich Text Editor Hidden Fields & IE

Jun 21, 2006

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.

View 3 Replies View Related

Rich Text Editor For Formatting Code Snippets?

Apr 7, 2010

i am planning to create a blog for myself. whenever i want to post a code snippet, then i want that snippet to be neatly formatted just like how the snippets in this dream in code appears.links to free rich text editors that serves this purpose. i prefer editors created by using javascript, jquery, ajax or php(because i want to develop my blog using php)i googled and i found editors like tinymce, fckeditor, YUI editor, free richtext editor.but among all, i found YUI is serving my purpose to some extent. but remaining editors are not providing option for code formatting.(even YUI also doesn't provide directly. but to some extent it preserves that formatting..)and also i am very much interested to know what library dream in code is using for the text editor that we all members see when we post our replies or queries... i tried by going to page source

View 1 Replies View Related

JQuery :: Get Actual Content Written By User In This Rich Text Editor?

Mar 11, 2011

I am using this Rich Text Editor in my asp.net page.Every thing is fine , but i want to get the html contents inserted by user using a javaScript function and submit the form asynchronously. But i am unable to get the html content. how to get the html contents.I am herewith attaching that Rich Text Editor file .You please unzip these files and place those in a single folder, i have kept in separate folders since single file size was getting larger that limit.

View 6 Replies View Related

BbCode Editor

Oct 8, 2006

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?

View 1 Replies View Related

"Track Changes" In Rich-Text Editor

Apr 16, 2007

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?

View 2 Replies View Related

Javascript WYSIWYG Editor

Oct 27, 2005

I am looking for a Javascript WYSIWYG editor that I can include into a perl script to allow for editing a formfield, similar to what this forum offers when you make a post. Is there a script that I can use to code into the perl script to allow that to happen?

View 4 Replies View Related

JQuery :: How Does WYSIWYG Editor Work

Aug 12, 2011

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

View 3 Replies View Related

WYSIWYG Editor Controls On <textarea>

Jul 13, 2007

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.

View 2 Replies View Related

JQuery :: Functioning Of Iframe (editor WYSIWYG)?

Dec 1, 2009

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>');

[code]....

View 1 Replies View Related

JQuery :: Recommend WYSIWYG HTML Editor?

Nov 15, 2010

recommend a good WYSIWYG HTML editor for jQuery?

View 5 Replies View Related

Submit A Textarea/iframe With Wysiwyg-editor

Aug 9, 2009

I am trying to use a very simpe wysiwyg-editor. It works fine, except i don't know how to proces the data from the iframe. I simply cant make use of the text written.

View 5 Replies View Related

Pre Load Html Code Into WYSIWYG Editor

Oct 23, 2007

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:

View 6 Replies View Related

CK Editor Not Sending Rich HTML?

Feb 21, 2011

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.

View 4 Replies View Related

JQuery :: Hiding Icons On WYSIWYG Editor Until User Click On It?

May 25, 2011

I am using CuteEditor for my WYSIWYG text editor. I like to hide all the icons until the user click on the textbox editor. Is there a way to do this in jQuery?

View 18 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved