javascript - Tinymce 如何 float 图像？

Question

在tinymce中默认没有图像 float ，只有图像，文本对齐我应该手动做还是已经有一些插件？找不到任何...或者如何获取当前选定的元素并将它们 float ？

Answer 1

您可以使用 style_formats 选项。
文件在这里:https://www.tiny.cloud/docs/configure/content-formatting/#style_formats

This option enables you to add more advanced style formats for text and other elements to the editor. The value of this option will be rendered as styles in the Formats dropdown.

初始化tinymce时可以这样走。

tinymce.init({
    ...
    style_formats: [
    {
        title: 'Image Left',
        selector: 'img',
        styles: {
            'float': 'left', 
            'margin': '0 10px 0 10px'
        }
     },
     {
         title: 'Image Right',
         selector: 'img', 
         styles: {
             'float': 'right', 
             'margin': '0 0 10px 10px'
         }
     }
]
});

希望这对您有所帮助。