wysiwyg - exec命令使用HTML5

时间:2016-05-11 18:11:44

标签: javascript html5 wysiwyg text-formatting

我正在制作自己的WYSYWIG。我使用execCommand,我遇到了问题。

有很多关于如何制作WYSIWYG的教程。

当我更改字体大小或字体类型时,我的脚本会生成带标记的代码。已经过时了。

这是一个非常简单的WYSIWYG,你可以在教程中找到很多。有一个带有onload函数的iframe:

function loadIframe()
{
    document.getElementById('text-iframe').contentWindow.document.designMode = 'on';
}

一些带有onclick功能的按钮用于格式化文本。

这是我用来改变字体大小的函数:

function changeFontsize()
{
    var size = document.getElementById('fontsizeSelect').value;
    document.getElementById('text-iframe').contentWindow.document.execCommand('FontSize', false, size);
}

其他函数非常相似,使用相同的execCommand方法,所以我想我不必向你展示它们。

我的WYSIWYG生成的代码如下所示:

<font color="red" face="Verdana" size="5">test</font>

我的问题是:如何使我的WYSIWYG生成一个适合HTML5的现代代码?因为它现在应该编码,而不是过时的标签。

1 个答案:

答案 0 :(得分:0)

如果您一次发表此声明:

classId = np.unravel_index(np.argmax(scores, axis=None), scores.shape)

然后代码将生成如下内容:

   document.execCommand( 'styleWithCSS', true )