Each of the defined styles (both default and custom) will be registered under the name imageStyle:image-style-name in the ComponentFactory and can be added to the image or main toolbar by referencing to this name. # UIĪpplication of a style can be executed by using one of the toolbar buttons created by the ImageStyle plugin. The default type of the newly inserted image can be controlled using the configuration.Īll of the default editor builds support both block and inline images, but it is also possible to disable one of these types. the current selection/position and availability of plugins). When a new image is inserted, the editor will, by default, choose the optimal image type based on the context of the insertion (e.g. Applying a style may change the type of the image, depending on the configuration of the style. Switching between these two types of images can be executed by applying/removing a style from the image: Each of the defined style options provides a list of the image types which it can be applied to. The HTML representation of the block image looks like this:
in the HTML content retrieved by the getData method.īlock type images, on the other hand, can be inserted only between other blocks like paragraphs, tables or media.The HTML representation of the inline image looks like this: The inline type images are represented as inline HTML elements and can be inserted in the middle of a paragraph or in a link just like a regular text. Images in the editor can be displayed as either inline or block. If desired, the default image appearance customization can be done by overriding the following CSS rules: The initial image appearance should be handled by the integrator by defining the proper custom content styles. The ImageStyle plugin does not provide any mechanism to apply a default CSS class to newly inserted images.
0 kommentar(er)
