We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

How to add a save button to the existing tools in the Rich Text Box Editor

Thread ID:

Created:

Updated:

Platform:

Replies:

116012 Mar 17,2014 06:05 AM Mar 18,2014 11:34 AM JavaScript 1
loading
Tags: ejRTE
digish
Asked On March 17, 2014 06:05 AM

Hi,

How to add  save button to the existing tools in the Rich Text Box Editor. 



Harikrishnan P [Syncfusion]
Replied On March 18, 2014 11:34 AM

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.


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;