Comments on: JavaScript WYSIWYG Editor – TinyEditor http://www.scriptiny.com/2010/02/javascript-wysiwyg-editor/ This web development blog features fresh articles on JavaScript, AJAX, CSS, XHTML, PHP, Photoshop and more. Thu, 09 Feb 2012 06:38:00 +0000 hourly 1 http://wordpress.org/?v=3.3 By: Derek Martin http://www.scriptiny.com/2010/02/javascript-wysiwyg-editor/#comment-13242 Derek Martin Tue, 31 Jan 2012 21:10:00 +0000 http://www.scriptiny.com/?p=339#comment-13242 I am having the same problem. I cannot see the controls. I have tried using the default controls, and a shorter custom list. When I use the defaults, all I see is font, size, & style. When I use the custom control, I don't see any at all. I don't know why. I am having the same problem. I cannot see the controls. I have tried using the default controls, and a shorter custom list. When I use the defaults, all I see is font, size, & style. When I use the custom control, I don't see any at all. I don't know why.

]]> By: Madman http://www.scriptiny.com/2010/02/javascript-wysiwyg-editor/#comment-13228 Madman Fri, 27 Jan 2012 09:16:00 +0000 http://www.scriptiny.com/?p=339#comment-13228 Hi, nice Editor, thanks for this! Works in FF 9.0.1 and IE 7 I extended the Script by one function:     edit.prototype.getEditorContent=function(){         return this.e.body.innerHTML;     }; So you can send the Editor-Content with a simple form-submit: <form method="post" action="..." onsubmit="transferbox();"> <input type="text" name="xyz" [..] /> <!-- Editor --> </form> <script>             // Editor create             var infoeditor = new TINY.editor.edit('editor',{ [...]             function transferbox() {                 // Yes, its jQuery :-) But i'm sure you can use it your own way ;-)                 $("#kursinfos").text(infoeditor.getEditorContent());             } </script> I'm sorry for my english, but i hope its ok ;-) Greetings from Germany, Daniel M. (Softnet-Studio GbR) Hi, nice Editor, thanks for this!
Works in FF 9.0.1 and IE 7
I extended the Script by one function:

    edit.prototype.getEditorContent=function(){
        return this.e.body.innerHTML;
    };

So you can send the Editor-Content with a simple form-submit:
<form method="post" action="…" onsubmit="transferbox();">
<input type="text" name="xyz" [..] />
<!– Editor –>
</form>
<script>
            // Editor create
            var infoeditor = new TINY.editor.edit('editor',{ [...]

            function transferbox() {
                // Yes, its jQuery :-) But i'm sure you can use it your own way ;-)
                $("#kursinfos").text(infoeditor.getEditorContent());
            }
</script>

I'm sorry for my english, but i hope its ok ;-)

Greetings from Germany,
Daniel M. (Softnet-Studio GbR)

]]> By: Jegs1 http://www.scriptiny.com/2010/02/javascript-wysiwyg-editor/#comment-13208 Jegs1 Sat, 21 Jan 2012 01:17:00 +0000 http://www.scriptiny.com/?p=339#comment-13208 TinyEditor is just what I needed for a tutorial on HTML. Works great in Chrome 16 and Firefox 9, but it is glitching in IE9. Enlarging the width of the text area solved some issues (like the cursor not showing up). But the toggle button to show the source is not working in IE9. I really need that functionality for what my lesson is trying to show. Any ideas on fixing this? TinyEditor is just what I needed for a tutorial on HTML. Works great in Chrome 16 and Firefox 9, but it is glitching in IE9. Enlarging the width of the text area solved some issues (like the cursor not showing up). But the toggle button to show the source is not working in IE9. I really need that functionality for what my lesson is trying to show. Any ideas on fixing this?

]]> By: Kerrod Hall http://www.scriptiny.com/2010/02/javascript-wysiwyg-editor/#comment-13205 Kerrod Hall Thu, 19 Jan 2012 08:49:00 +0000 http://www.scriptiny.com/?p=339#comment-13205 This may have already been covered, but just in case... I found that there was a small problem when using the TinyEditor and TinyBox2 'packed.js' files. THE PROBLEM: When loaded in that order (TinyEditor then TinyBox2), TinyBox2 will work but TinyEditor wont. When it was the other way around (TinyBox2 then TinyEditor), TinyEditor would work but TinyBox2 wouldn't. THE SOLUTION: In tinyeditor/packed.js, the first two functions (T$(i)... and T$$$()...) are missing an ";" after their closing "}". Fix that and it will work. It works fine when calling from the 'tinyeditor.js' file however; just the packed.js file needs to be changed. This may have already been covered, but just in case…
I found that there was a small problem when using the TinyEditor and TinyBox2 'packed.js' files.

THE PROBLEM:

When loaded in that order (TinyEditor then TinyBox2), TinyBox2 will work but TinyEditor wont. When it was the other way around (TinyBox2 then TinyEditor), TinyEditor would work but TinyBox2 wouldn't.

THE SOLUTION:

In tinyeditor/packed.js, the first two functions (T$(i)… and T$$$()…) are missing an ";" after their closing "}". Fix that and it will work.

It works fine when calling from the 'tinyeditor.js' file however; just the packed.js file needs to be changed.

]]> By: Andrkaa http://www.scriptiny.com/2010/02/javascript-wysiwyg-editor/#comment-13188 Andrkaa Sat, 14 Jan 2012 08:04:00 +0000 http://www.scriptiny.com/?p=339#comment-13188 How can I clear the form after sending the message? How can I clear the form after sending the message?

]]> By: Andrkaa http://www.scriptiny.com/2010/02/javascript-wysiwyg-editor/#comment-13187 Andrkaa Sat, 14 Jan 2012 07:49:00 +0000 http://www.scriptiny.com/?p=339#comment-13187 Sorry for my bad English. For posting your data you need insert data from Tiny Editor to text area. Initializations Editor. var my_inst = new TINY.editor.edit('editor',{............. This code insert data from your editor to textarea my_inst.post(); (javascript) in <body> <a href="#" onClick = "my_inst.post(); var rrr = document.getElementById('input').value; alert(rrr); ">333333</a> Sorry for my bad English.
For posting your data you need insert data from Tiny Editor to text area.

Initializations Editor.

var my_inst = new TINY.editor.edit('editor',{………….

This code insert data from your editor to textarea
my_inst.post(); (javascript)

in <body>

<a href="#" onClick = "my_inst.post(); var rrr = document.getElementById('input').value; alert(rrr); ">333333</a>

]]>