Can anybody tell me, how do retrieve value of Rich text editor

Under the list of plugins available it says that createlink is an available type, and that I should use the LinkDialog plugin, but adding LinkDialog or createlink to the plugins attribute of the editor tag does nothing.
Is there another way to go about this? Am I missing something?

This works for me.

In my html:

Sample text
		
    

    Save
        
            saveRichText('richText', dijit.byId('tresc').getValue());
            dojo.xhrPost({
		url: 'lib/saveIt.php',
                load: function(data){
                    alert(data);
		},
                error: Error,
                form: 'myForm'
            });
        
    

The saveRichText() function in my header:

function saveRichText(id, str){
    document.myForm[id].value = str;
}

The saveIt.php file:

<?php

    if(isset($_POST['richText'])){
        $richText = $_POST['richText'];
    } else {
        $richText = 'error';
    }
    print $richText;
?>

I've slimmed down the example, but that's basically it. I use this method to save rich text in mySQL database.

I using XHTML strict and i get an error the docuemt.myForm has no properties. Has anyone an idea?

I put in a test for FF. If FF, I successfully do:
dijit.byId('editor1').replaceValue(myrawhtml)

However, if NOT FF, I try:
dijit.byId('editor1').setValue(myrawhtml)

but it doesn't work. I tried just jamming it into the inner html of my textarea, but that object seems to go away in favor of some kind of iframe. I tried dinking around with that but could only get non-editable text to display.

What's the solution? I love this thing, but it's kinda useless if I can't load up and edit a pre-existing html block.

P.S. Not wanting to mess with servers and db's, I'm using the clipboard rather successfully to move stuff back and forth to notepad. Also, I'd like to try letting the user switch back and forth between the tagged "raw" window and the rich window. I think I need to be able to stuff the content back and forth (and a keyup event), no?

Of course, if you enter leftbracket + br + space + solidus + rightbracket, it's going to get saved with all the ampersand + gt + semicolon indirection.

This is a good thing.

But: is there a way to allow the user to enter a raw html tag and actually have it do something?

One pet peeve I have is the inability to insert br linebreak tags when using HTML editors. I'd actually prefer to change the Enter key behavior to do that instead of p tags and let user hit enter a couple of them if s/he really wants all that space.

I know that br tags probably aren't kosher xhtml or whatever, but sometimes a guy just wants a simple linefeed!

Hi,

Is there any way for retrieving the HTML tags that are applied for a selected portion of a text in the Editor widget ?

For example, I am having a line of text in bold and a second line in italics entered in the editor widget. If I am selecting the first line, I need a way for getting the HTML tags that are applied to the first line (selected portion).

Thanks in advance,

Binu Paul < binu@amtindia.co.in>

----------------------------------------------------------------------------------------------------------------
Code snippet:

var docObj = dijit.byId('txtarea').window.document ;
var selText = docObj.getSelection();
var nodeCount = dijit.byId('txtarea').window.frameElement.contentDocument.childNodes[0].childNodes[1].childNodes.length;
var win = dijit.byId('txtarea').window;
var doc = dijit.byId('txtarea').window.document;
var gs = 'getSelection';
var sel = w[gs] ? w[gs]() : d[gs] ? d[gs]() : d.selection.createRange().text;

if ((selText.length > 0)) {
console.info("Selected text = " + selText);
console.info(sel.anchorNode);
console.info(sel.focusNode);
}

for( i=0; i< nodeCount; i++) {
console.info(dijit.byId('txtarea').getNodeHtml(dijit.byId('txtarea'). window.frameElement.contentDocument.childNodes[0].childNodes[1].childNodes[i]));
}

Does the RichTextEditor support a shared toolbar? I want to have multiple content areas on a page that are all managed with the same toolbar. I believe this was possible with the old Editor2, right?

I've tried creating a Toolbar and passing that in as a reference to each instance of the Editor that I create, but this results in the Editor plugins being added to the toolbar multiple times, once for each text area I want to edit. Any ideas as to how to work around this?

Hi,
I wanted to know, how do we enable focus to this text area using a single tab instead of using 2 tabs currently. Please help.

The known issue states that to set focus into a rich text field from any other field, we must press tab twice. How to overcome this issue.

Regards,
Naren.

Hi,
Maybe this question is silly, but I am wondering whether some one can give me some helpful advise.
I downloaded the dojo 1.0 build in my PC and installed it to my apache server. I can see that dijit.editor widget in the mail demo supports the spell check feature very well. However I can not make the spell check work in my own widget with the dijit.editor widget.
And also, the online editor widget dose not support this feature both in FF2 and IE7.
Is there something should be paid more attention here to support the spell check?

Thanks
- Bruce

Just to add some details which I could not find in the documentation:

If you want to enable setting the fore- and background colors, you have to load the appropriate plugin first:

Plugin-names are case-sensitive, to enable the buttons in the Editor's toolbar in declarative mode write something like this:

The plugin names are misspelled in the documentation. Could somebody please correct that? Thanks.

How can I enter focus in the editing area of the widget programaticaly?

The Dijit Editor doesn't pass it's value when submitting the form naturally (in Firefox 2 at least).

There are other methods listed on this page which involve using XHR, or monkeying with the core dijit files. My method is a bit more straightforward: just recreate the textareas when the submit event fires.

HTML:

JAVASCRIPT:

NOTES:

1. I haven't checked how other browsers (Opera, Webkit, Konqueror) behave.

2. I used a quick and dirty way of deciding if something was an Editor widget (I'm *sure* dojo has some kind of dojo.isInstanceOf() method, but I'm lazy).

3. This assumes the original textareas have identical name and id attributes.

4. The display:none css rule is just a nicety.

5. I use a form of hungarian notation (eFoo is an HTMLElement, aBar is an Array, sBaz is a String, fEck is a Function, etc). You might want to start doing the same, it's very helpful.

6. This code is abstracted out of a set of other files - there may be typos / bugs!

Do all of the options in the rich text editor have keyboard shortcuts associated with them? If so, how do I find out what they are?

The plugin names are case-sensitive, so 'hilitecolor' as is printed above, didn't work for me, i checked the code for it and it wants it to be 'hiliteColor'. Hope that helps someone. Same for 'forecolor', 'foreColor'. Check the code for each one you use if it doesn't load and you'll find what it really wants.

Hi,
I have this installed, and the editor shows up but there are no images for the buttons. Just CSS blocks, when I click on them the editing functions work. I see the CSS references images relative from where the css is. Do I need to move them someplace else?

Any way to make this form element "required" and have it trigger an invalidMessage call if nothing is entered ?

i.e. like validationTextBox ?

required="true"
invalidMessage="Please enter a value.">

I tried using DoJo editor in a RTL mode and the screen get lost and show blank screen in IE 6, if you scroll all the way back to the right you see the screen again.

I want to capture pressed key and print charCode to the debug console. This code behaves differently in Firefox 3.0.1 and IE7.0. If I type "a", debug console will output 97 in Firefox, and 65 97 in IE. Please help. I use dojo v1.1.1.

And here is the editor declaration: ... div name="field" width="200px" id="editor" dojoType="dijit.Editor" onkeypress="echo" ...

Btw, what's the recommended way to know the position of the newly typed character (current cursor location), with respect with other characters in the editing area of the Editor

This looks awesome, but we have a requirement for a WYSIWYG with image insertion. Is this on the roadmap?

Thanks

Will

Hi, does anyone facing this problem? When using the Enter key to enter line break, we can see the line breaks were entered for every Enter key we pressed. However, after i save the content, all the line breaks disappeared any on left single line break.

hii

how to post the value of editor ????

Hi
Want to create Dijit Editor on click of a link. below is code, its works fine in Mozilla but its thows exception in IE.
Error : Expected identifier , string or number

this error is coming for line and char 33:
var myeditor = new dijit.Editor({class: 'tundra'},document.getElementById('myeditor') );

Request if anyone can help me out.

Thanks
Subodh

--------------------------------------------CODE-----------------------------------------------------------
function createEditor()
{
var editorarrtibute= {class: 'tundra'};
var myeditor = new dijit.Editor({class: 'tundra'},document.getElementById('myeditor') );
dojo.connect(dojo.byId('myeditor'), 'onDisplayChanged',setPreviewtext);
document.getElementById("myeditor").style.display="";
}

Edit me

---------------------------------------------------------------------------------------------------------------------