使用内联样式而不是类为froala中的图像

问题描述:

是否有一种简单的方法来强制Froala使用内联样式而不是类来对齐图像?使用内联样式而不是类为froala中的图像

换句话说,当froala对齐图片的HTML输出变为

<img src="..." class="fr-dii fr-fil"> 

但我需要它是

<img src="..." style="float: left;"> 

好。我知道回答迟到,但我面临同样的问题。我在官方页面上按照example中的步骤行事,没有任何结果。

我的问题只有一个解决方案是创建一个按钮(<div class="mybutton">),当我按下它,在编辑器中的内容(<div id="edit">)被复制到一个<div class="result">,并做出这样的事情:

$(document).ready(function(){ 
    $(".mybutton").click(function(){ 
     var text = $('#edit').froalaEditor('html.get'); 
     // copying to div 
     $('#result').html(text); 

     //here I add a bootstrap class to every img tag in div 
     $('#result').find("img").addClass('img-responsive'); 
    }); 
    }); 

正如你所看到的,你可以创建你的班级,并添加你的风格和自定义每个img标签