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]....
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 RelatedI'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 Relatedrecommend a good WYSIWYG HTML editor for jQuery?
View 5 Replies View RelatedI 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 RelatedI 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 Relatedrecommend 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 RelatedI 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 RelatedBeen 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.
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 RelatedI'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.
I am trying to make a comment editor with iframe, and want to trigger the change of content inside iframe, the following code cant work.code....
View 5 Replies View RelatedI have created a site and on one page it uses 2 divs side by side to display text information. in the left hand div it contains 8 links. these links when clicked load up text stored in separate text files and display it in the right hand div.The code below was working when i ran it from my mac but when i try to load it off the webhost it fails to execute.
$(document).ready(function() {
$("#mc").click(function() {[code].....
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.
I have a javascript/MSHTML editor loaded in an IFrame call "msEditor1". It gets composed after the document loads through document.write commands from a JS function. I'm trying to set the editor so whenever a key is typed I capture the key event from the editor and then go from there.
I have a handle to the editor using either one of these:
I'm doing some online tutorials and simple tasks.I'm getting an error on the function .fadein.can someone please tell me what is wrong with this code.[code]
View 4 Replies View RelatedI've built a website and have used JQuery for the 1st time. Everything works fine in Firefox and Safari but IE is really giving me a headache now! The site can be seen HERE When you roll over the main links a sub menu rolls out, when you roll over the next main link the sub menu in view scrolls back in and the one associated with the new link scrolls out - please view in either FF or Safari to see it working.
In IE the functionality of the menus just doesn't cut it??? the 1st two (Company and Services) seem to work as expected when you roll back and forth over them, but the last 2 (Portfolio and Contact) are really flakey??? They stay scrolled out when they should be scrolling back in, although sometimes they do actually scroll in, and on the last one (Contact) only one of the two links in the sub menu appears and then its not clickable????? Again please conpare between FF and IE to see what i mean.
Can anyone offer me some advice on solving this, i'm looking to get the IE version to work just as well as i have it in FF. Unfortunately I don't have any experience with javascript / jquery to fall back on so i'm just hitting my head against a brick wall at the moment.
[Code]...
first foray into ajax territory and it's not cooperatingThe PHP works fine if I define the variables and load the page independent of the ajax, so here's the otherwise relevant code (it's not mine):
rating page:
Code HTML4Strict:
<html>
[code]....
I'm somewhat new to JQuery, working on my first mobile app and using JQuery mobile. I'm having a problem with my page. I had it "working" in JQTouch but JQuery Mobile looks a lot better, so I wanted to try it.1. I have a form with a list of flavors on it that you can mark as a favorite (checkbox).
<!-- Set My Favorites -->
<div
data-role=
[code]....
B - The style is somewhat a little off. Because all these DIVs are next to each other (I've tested a few manually) they should all be in one GROUP of checkboxes, but with my current code - its like each one is an individual button. So the CSS isn't getting applied completely correctly.
I use this library for almost all my slideshows, and have not had a problem up until now. I know the JS files being referenced are correct, the image paths are correct, so what seems to be the hiccup here? I am willing to bet its something simple.
http:[url]....how the three images just stack now, with the jquery cycle plug-in they are supposed to fade.
I am trying place an AP DIV which floats above a jquery cycle plugin slideshow. It uses transparency so you can see the images through the Div box percentage colour.
At the moment the AP DIV can only sit behind the jquery slideshow.
[Code]...
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].....
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]
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?
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