Tinymce如何浮动图像?

问题描述 投票:7回答:1

默认情况下,没有图像浮动,只有图像,文本对齐我应该手动执行还是已经有一些插件?找不到任何......或者我怎样才能获得当前选中的元素并浮动它们?

javascript tinymce
1个回答
10
投票

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

此选项使您可以为编辑器添加更多高级样式格式的文本和其他元素。此选项的值将在“格式”下拉列表中呈现为样式。

初始化时,你可以这样做。

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'
         }
     }
]
});

希望这可以帮助。

© www.soinside.com 2019 - 2024. All rights reserved.