如何直接在tinyMce的iframe中插入数据？

Question

假设这是我的数据

<p>
<span style="color: #99cc00; background-color: #000000; font-size: 18pt;">
Hello testing
</span>
</p>

所以我的tinymce中的数据将使用background-color和font-size进行格式化。我怎么能这样做？

Answer 1

你可以告诉tinymce使用参数valid_elements验证html结构中的元素，并使用valid_styles来验证样式。

检查此documentation以获取更多详细信息。

textarea的：

<textarea name="page_content" class="form-control my-editor" id="page_content" rows="10" cols="30"> {!!$page->page_content!!} </textarea>

Tinymce脚本：

var editor_config = {
    selector: "textarea.my-editor",
    valid_elements : 'a[href|target=_blank],strong/b,div[align],br,span',
    valid_styles: {
        '*': 'border,font-size,background-color,color',
        'div': 'width,height'
    },
    .
    .
    .
    .
};

//Load tinymce
tinymce.init(editor_config);

希望这对你有用......