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 RepliesI 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'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've been trying to find out if jQuery has any functionality that can help me with creating bbCode style buttons (ie, like on this forum, click B and a [ b ] tag appears, second time creates a closing, or if you have text highlighted, it wraps it). I've tried Google-ing a lot, and randomly found this forum.I found/modified code using standard javascript a while ago,but I'd like to find out if jQuery has any funcionality that can help, mostly to learn.
View 3 Replies View RelatedWhat is the best editor to use for JavaScript?
View 10 Replies View Related i want to download a free open source javascript editor :)
can anyone recommend a good one for me.. :) if you could recommend one that handles nodes and dom aspects that would be great
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 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 RelatedI have one web page, in it i want to get the content from user for some description.I used earlier as a text area field.Now i want to put simple HTML tags included editor.(as like we enter this description in sitepoint).
View 2 Replies View RelatedHas anyone seen a javascript image editor of any sort?
I can imagine one that allows you to load up an existing image - draw lines, place text, fill etc using something like XMLHttpRequest to work. It would be like a java image editor but lighter. It would then let you save the new drawing.
I've tried looking round but not found much except a business card designer which allows you to type text at predefined locations.
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...).
What type of Editor do you use for your JavaScript programming?
View 5 Replies View RelatedI know very little js, but I've been reading up on it, mainly for one reason. (I'm a PHP programmer and I've just used js for small tasks like client-side form validation, that sort of thing).
What I want to do is make a textarea with buttons, similar to a BB editor, but which will use defined html tags; I'll use <div style="box1"> and <h1 style="greenunderline"> for examples. I've tried to modify some open source editors and get utterly lost in trying, and I'm not sure that approach would work anyway.
The buttons would need to function two ways, again like a BB editor.
1) It could simply insert the start and end tags in the textarea;
2) If text were selected, it would put the tag in front of the selection and the end tag after.
If I can get this done, I think I can handle a preview function. I haven't even gotten close to getting javascript to "get" selected text inside a textarea.
I want to know what is the best Javascript editor for Windows, that have a good syntax highlighting, IntelliSense(it's that technology of the menu when typing, like on Eclipse, but I can't remember it's correct name) and a class browser, what is very useful when you want to see the names of your classes and functions, also to browse on then.
View 1 Replies View RelatedI assumed this is a javascript based text editor because when I turn off javascript it doesn't work. I was wondering how something like this is created. maybe not this exact one, but how would I create something like it. Maybe just a simple editor that changes text size and color.
View 2 Replies View RelatedI've been playing with some javascript code and have produced a very
rough proof of concept source code editor written in javascript (a bit
like FCKeditor). Its not ready for release ((L)GPL>2 when it is) but I
thought I'd ask for any guidance and tips.
The intention is to provide a language nuetral source code editor
writen purely in html and javascript so that it can provide code
highlighting/completion etc, eventually as part of an ajax(ish) IDE so
with fckeditor you can manage web sites completely remotely.
There is a temptation to try and use mozilla/venkman but I'd like it to
run on small handhelds too so I will stick to writing it in pure
Javascript/Html.
The intial plan is to produce a javascript editor and then a stylesheet
editor (using the CSS editor on Firefox may make this a low priority)
but I'd like it to be configurable for any language so almost any
coding can be done over the web.
Anybody know any examples of similar that I could plagiarise to get the
basic architecture right?
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 am looking for a good - if not THE BEST - Javascript Editor
available, prefarably to include it in Eclipse.
I found Aptana, but it still seems to be buggy, it had problems with
special german characters.
The best would be an editor similar to the Eclipse Java editor - I
want to be able to click on a function or variable to see how and were
it was defined..
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 RelatedHTML 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 RelatedHow 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 RelatedWriting Javascript code in Notepad and saving it in HTML works fine. However when I write js in my DiDaPro editor and go to preview the screen it is blank. Why?
View 3 Replies View RelatedI 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 RelatedIm trying to make a simple txt/html editor...
I need to apply specific formatting to selected text via a button.
for example, I select some text, click the 'bold' button which then replace the selected text with <b>selected text</b>
Is there a way to do this ?
I'm using the editor CKEditor [URL] for my forum that I developed. When I create a new topic in my forum is so good, now when I see the issue that the images you upload do not see and I look at Funt code looks like this:
<img alt="" src="http://tecnolatino.com/wp-content/uploads/2010/08/comprar-una-c%C3%A1mara-digital.jpg" style="width: 547px; height: 320px;" />
I have to create a page where i need to insert two frame one will be displaying the pdf file after fetching from database and another will be displaying text file from the database.i want to know if it's possible to open only assigned folder through the editors.also which are the best editors for the purpose.
View 1 Replies View Related