如何添加带文本编辑器的html文本框

如何添加带文本编辑器的html文本框,第1张

你好。

给你一个例子:

<script charset="utf-8" src="/editor/kindeditor.js"></script>

<script charset="utf-8" src="/editor/lang/zh_CN.js"></script>

<script>

        KindEditor.ready(function(K) {

                window.editor = K.create('#editor_id')

        })

</script> // 取得HTML内容

html = editor.html()

// 同步数据后可以直接取得textarea的value

editor.sync()

html = document.getElementById('editor_id').value // 原生API

html = K('#editor_id').val() // KindEditor Node API

html = $('#editor_id').val() // jQuery

// 设置HTML内容

editor.html('HTML内容') // 关闭过滤模式,保留所有标签

KindEditor.options.filterMode = false

KindEditor.ready(function(K)) {

        K.create('#editor_id')

}

1、打开html文件(可以使用Dreameweaver或者其他html编辑器,或直接使用记事本打开)

2、找到要修改的字,进行删除修改

如果要增加文字,打开html文件,在需要增加的地方直接添加文字可以,也可以使用html标签包裹文字也可以;如:<p>行标签</p> 或者 <h1>标题标签</h1>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7120517.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存