Javascript Tinymce如何浮动图像？

默认情况下，tinymce中没有图像浮动，只有图像、文本对齐。我应该手动进行还是已经有一些插件？找不到任何…或者如何获取当前选定的元素并使其浮动？

您可以使用

样式\u格式

选项。
文件如下：

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

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

---

希望这对您有所帮助。

在TinyMce v4和v5中，当您准备好

图像

插件时

plugins: [
    "... image"
],

然后，您可以使用image\u class\u list属性允许用户向图像添加类

例如，在下面的示例中，用户通过选择“right”选项使图像向右浮动。 我已经为该选项分配了一些TailwindCSS类。使图像浮动的是右浮动

image_class_list: [
    { title: 'Left', value: '' },
    { title: 'Right', value: 'w-full md:float-right' }
],

这里是image_class_列表的官方文档：

如果您还想使图像在编辑器中浮动，则还必须添加content\u style属性并指定相应的CSS属性

content_style: "body img.md\\:float-right{ float: right; }"
               

以下是内容风格的官方文档：

---

谢谢这是我需要的我是tinymce新手…7分钟后接受回答：）还有一个问题，有没有办法将其添加为按钮，而不是格式菜单中的下拉菜单？@Rustam，谢谢。我不知道用按钮怎么做。但是，如果使用工具栏选项“styleselect”（人们可能希望它出现在“formatselect”工具栏选项下），则可以在“格式”菜单下看到“图像左”和“图像右”。我使用的是4.5.3版，格式不适用。没有发生任何事情，控制台返回此错误：未能对“选择”执行“setBaseAndExtent”：偏移量1处没有子级。