Examples
Adding custom buttons (dialog)
The Rich Text Editor allows you extend the functions of the editor. You can create new custom buttons and add them to the editor's toolbar list.
Demo Code:
<?php
$rte=new RichTextEditor();
$rte->Name="Editor1";
$rte->ToolbarItems = "{bold,italic,underlinemenu}
{forecolor,backcolor,fontname,fontsize}
{justifyleft,justifycenter,justifyright,justifyfull}
{insertorderedlist,insertunorderedlist,outdent,indent}
{insertlink,insertimage,insertblockquote,syntaxhighlighter}
{unlink,removeformat}//{mydialog1}";
$rte->MvcInit();
?>
<?php echo $rte->GetString() ?>
<script type="text/javascript">
var loader;
var editor;
function RichTextEditor_OnCoreLoad(rteloader) {
loader = rteloader;
var config = loader._config;
var toolbar = config._toolbartemplate || config.toolbar;
var basetype = "image_" + config.skin + "_" + config.color;
var dialog1 = "item_" + toolbar + "_" + config.skin + "_" + config.color + "_mydialog1";
var define = jsml.class_define(dialog1, basetype);
define.constructor(function () {
this[basetype + "_constructor"]();
this.set_imagename("openfolder");
this.set_tooltip("My custom dialog!");
});
define.attach("click", function () {
$('#dialog').dialog('open');
return false;
});
}
function RichTextEditor_OnLoad(rteeditor) {
editor = rteeditor;
}
$(function () {
$('#dialog').dialog({
autoOpen: false,
width: 360,
buttons: {
"Ok": function () {
if (editor) {
editor.AppendHTML(document.getElementById("txt_input").value);
document.getElementById("txt_input").value = "";
}
$(this).dialog("close");
},
"Cancel": function () {
$(this).dialog("close");
}
}
});
});
</script>