tinymce文本编辑器配置按钮运行打印插件WebPrinter

马心宇

已于 2023-03-20 20:59:51 修改

阅读量537

点赞数

分类专栏： test 文章标签： javascript 前端 html

于 2021-03-02 10:49:20 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_44438770/article/details/114279119

版权

本文介绍了如何在TinyMCE文本编辑器中配置和使用WebPrinter插件，实现前端打印功能。通过JavaScript和HTML技术，读者将学习到如何添加打印按钮，以及调用打印接口进行文档打印。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                        editor.ui.registry.addSplitButton('myButtonWebPrinter', {
                            text: 'WebPrinter',
                            icon: ' ',
                            tooltip: 'This is an example split-button',
                            onAction: function () {

                                document.getElementById("content").innerHTML=tinymce.activeEditor.getContent()
                                doPrintHtml()

                            },
                            onItemAction: function (api, value) {
                                if(  document.getElementById("printer").hidden)
                                document.getElementById("printer").removeAttribute('hidden')
                                else
                                document.getElementById("printer").setAttribute('hidden',"true")

                            },

最低0.47元/天解锁文章