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
ADVERTISEMENT
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
Nov 15, 2010
recommend a good WYSIWYG HTML editor for jQuery?
View 5 Replies
View Related
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
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
Sep 18, 2009
recommend a powerful WYSIWYG (commercial/open source) editor which has a image upload capability.I have been looking for it since morning but could not able to find it.I found CKeditor+CKFinder , but CKFinder is not available in django/python language. I tried to port to django but encountered several problems.
View 8 Replies
View Related
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
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
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
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
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
View Related
Jul 23, 2011
I want to apply wysiwyg plugin on loaded textareas but i don't know how?
There is live() function but i don't know how to use it in this case ?!!
function InitWYSIWYG () {
$('.jwysiwyg').wysiwyg({
controls: {
strikeThrough : { visible : true },
[Code].....
View 3 Replies
View Related
Jun 8, 2010
With this setup it is possible to have the user enter an invalid value "1899/5/11". The text box show this value.
1) If it is an invalid value, I don't want to allow it.The user can enter a "short" year like "51/8/21" which is actually "1951/8/11".
2) Since Datepicker is making assumptions about the "cutoff year", I would want to explicitly show in the input control the assumed year.The user can input an incomplete entry like "5/2".
3) Since this is also invalid input, I don't want to allow it.The user can input a bogus day value as in "1956/08/44". Datepicker assumes/transforms the day to 4. This is not WYSIWYG.
4) In this case, this is also bad data entry and I don't want to allow it.
Is there a better way than what I have done in onClose event handler?My goal here is to not allow bad data entry and to also make assumptions made by Datepicker consistent with WYSIWYG.[code]
View 2 Replies
View Related
Aug 8, 2005
I am using dom tabs and tinyMCE together on a form for people to edit their own personal information.
The problem is that domtab sets display to none and block of each tabbed section and tinyMCE does not like this. If you switch away from the tab that has tinyMCE and then back to it, you cannot add more text when using gecko browsers (IE works fine).
If you refresh the page after switching tabs, the wysiwig editor area works fine. Basically what I need to do is repaint tinyMCE each time I switch tabs. I tried to use the tinyMCE repaint function but I got an error saying that the function does not exist.
Has anyone had a similar problem or does anyone know how to refresh tinyMCE whenever you feel like it?
View 1 Replies
View Related
Dec 5, 2007
I'd like to add a wysiwyg feature on a textera field. Is there a recommended way of doing it? My searches didn't bring nothing.
View 1 Replies
View Related
Sep 14, 2006
would like to know which is the best WYSIWYG editor you are using for every of your application? I do not actually have any since i'm not in need but I may consider adding one to one of my upcoming project.
View 1 Replies
View Related
Dec 14, 2005
Has anyone ever used this WYSIWYG JavaScript editor?
http://tinymce.moxiecode.com/index.php
I am hoping it can be a solution to edit a few areas on a site I am developing for non-html editors.
The part that confuses me with all these editors is how you access this edit mode?! I understand it all works with making areas you want to be editable into text areas, but how do the groups of users who want to edit those pages/areas actually access the page in WYSIWYG editor mode.
View 12 Replies
View Related
Mar 6, 2011
HTML Editor is a AjaxControlToolkit that i registered it on my page (it's similar to the text box that i'm now writing my Question)... I want to get Content (Text) of HTML Editor with JQuery... I tried $('#HE').val() and $('#HE').text() but i couldn't get the text! I want to get the text and set the text into a div!
View 2 Replies
View Related
Aug 20, 2009
How to validate tinymce HTML wysiwyg editor? [URL]. The main issue is that editor hides textarea and renders an iframe, where you edit stuff...your text is copied to the textarea on submit. But validation plugin is faster and it displays an error message. After you press submit again (the text is already present in text area - from previous click and then it is validated OK. Is it possible to inject somewhere inside validate() some action before it is validated....e.g. copy all content first to textarea.
View 5 Replies
View Related
Aug 5, 2009
I am trying to create a WYSIWYG editor for my site, but seeing as how every browser gives different results when using the execcommand method, I am trying to do my own insertions instead.
What I would like to do is create an iframe with designMode On to enable editing of the frame, but when someone does a command to bold text, I want to make a method which enters <b>Some Highlighted Text</b> into the frame where the user highlighted so it would appear bold and the source would have the <b> tags.
My issue is I have been unsuccessful in learning how to take the selected text within an iframe and surround it with tags. I was able to accomplish this in Internet Explorer using this code:
Except the resulting text would actually have the <i> tags appear, and the source would be:
Pretty retarded if you ask me since in no way did I want it to convert the tags into entities.
Anyway, if anyone could please direct me to a method in which I can successfully take selected text within the iframe and surround it with HTML tags in such a way that the formatting will actually show.
View 4 Replies
View Related
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
Jun 26, 2010
can anyone tell me jwysiwyg or another editor that support upload image? in example like editor in this forum...
View 4 Replies
View Related
Jul 19, 2010
I have made a mistake which in not so serious because I ambigginer on jquery.
So I am looking for some text editor with good grammar check function.
View 1 Replies
View Related
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
Nov 27, 2011
I have an image insertion page that is part of a JS WYSIWYG. It works okay, but I would like to add a styled caption bar underneath it.
This is what I'm currently using for the caption (inserted by a button):
Code:
This is the code from the insert image page:
Code:
How do I put the caption bar after the image in the main code?
View 1 Replies
View Related
Jul 20, 2005
What is the best editor to use for JavaScript?
View 10 Replies
View Related
