Hi Digish,
Thanks for your interest in Syncfusion Products.
Query: “How to add save button to the existing tools in the
Rich Text Box Editor.”
Answer: To add a custom tool to the RTE toolbar, follow the
steps below,
1)
Declare the tool that need to be added to the
toolbar like below
$("div.save").html("Save");
Include the “Custom” Tool inside the “Tools”
property as below
|
$("#rteSample").ejRTE({
tools: {
custom: {
name: "saveTool",//Id for the newly added tool
tooltip: "Save Button ",//
Shows the tooltip for the custom tool
css: "save",//Adds the class for the tool
action: function () {
alert("Values Saved
Succesfully");
},
}
}
});
|
3)
Define the CSS for the newly added tool if
needed as below
<style>
.save
{
height: 22px;
width: 100px;
display: block;
text-align: center;
font-weight: bold;
}
</style>
If If you need only the custom tools to be
displayed in the Toolbar then specify it in the “toolList” property as below,
toolsList: ["custom"]
For your reference we have attached a sample for how to include
a save button to the RTE Toolbar.
Please click the link below to get the attachment.
RTE
Custom Tool Sample
Let us know if you have further queries.
Regards,
HariKrishnan.
