Enable Inline Toolbar
In this short chapter we will learn how to enable Inline Formatting Toolbar for Caption field of our Tool.
At first, we need to replace an
input with content editable
div to allow user modify a caption markup:
And at the save method:
And support it in CSS too:
To activate or not to activate the Inline Formatting Toolbar — is the decision of your Tools' user. So this options configured outside the source of Tool's code.
Open example.html and find a
tools property where our Tool is connected. Here is a place to make some configuration. To enable Inline Toolbar, set
inlineToolbar option as
After that, try to select some fragment of a caption field — you will see an Inline Toolbar with all available Inline Tools.
Let's suppose you want only Link Tool at the Inline Toolbar. That can be set by the same option:
In next part we will learn how to create a Block Settings panel to manipulate our Image's view options:
Select an Image