WYSYWYG BBCode Editor (Page 2 of 2)

when the wysiwyg mode is changed to html mode widgeditor does change that nasty div code to simple div code, but it does not when html to wysiwyg. so just adding some code will solve this problem.

change the code

widgEditor.prototype.updateWidgInput = function()
{
    if (this.wysiwyg)
    {
        /* Convert spans to semantics in Mozilla */
        if (!this.IE)
        {
            this.convertSPANs(true);
        }
        
        this.paragraphise();        
        this.cleanSource();
    }
    else
    {
        this.theInput.value = this.theTextarea.value;
    }

    return true;
}

to this code

widgEditor.prototype.updateWidgInput = function()
{
    if (this.wysiwyg)
    {
        /* Convert spans to semantics in Mozilla */
        if (!this.IE)
        {
            this.convertSPANs(true);
        }
        
        this.paragraphise();        
        this.cleanSource();
    }
    else
    {
        this.theInput.value = this.theTextarea.value;
        /* added by Jacobswell {{{ */
        this.cleanSource(); /* }}} */
    }

    return true;
}

but I don't think that will remove other nasty codes at all.

It's hard to turn a HTML editor into a BBCode editor. So, why not allow certain HTML in posts? And, some people don't know perfect XHTML 1.0 Strict.

(If I allowed all HTML in posts, some maluser could use a Pocket PCor a browser with JavaScript disabled or something or even the HTML Source editor to add malicious JavaScript that installs spyware or something.)

No offense.

When a user edits the post, I have to convert it back into HTML. Besides, there would be 3 (at least) additional steps to add extra BBCodes.

Yeah, but to get it to render in the editor is the problem.

The editor would be the preview box. Also, TinyMCE can have a preview button (you just have to enable it in some JavaScript) to preview the post.