如何将 TinyMCE 保存为文件？

Posted 2023-03-14

【中文标题】如何将 TinyMCE 保存为文件？

【英文标题】：How to save TinyMCE as file?

【发布时间】：2016-11-06 21:30:12

【问题描述】：

是否有可以在 TinyMCE 中使用文件管理器保存我的工作的软件包？我看了几个视频，但他们只有一个关于图像上传的教程。我找不到任何可以以任何可用格式（如 pdf 等）工作的包。我阅读了文档，但发现没有此类工具栏的示例。

正如您在下面看到的，我的插件和工具栏中有一个save。但这完全是灰色的，因为我仍然找不到任何包。

<script>

tinymce.init
(
    selector: '#mytextarea',
    plugins: [
    'advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker',
    'searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking',
    'save table contextmenu directionality emoticons template paste textcolor save'
    ], //The plugins configuration option allows you to enable functionality within the editor.
    toolbar: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | print preview media fullpage | forecolor backcolor emoticons | save',
    save_enablewhendirty: true,
    height: 400,
);

</script>

内容：

@section ('content')

<h3>Create Document</h3>
<div class = "col-md-12">
    <div class = "panel-body">
        <form class = "form-vertical" method="post">

            <div class = "form-group">
                <label for = "subject" class = "control-label">Subject:</label>
                <input type = "text" name = "subject" class = "form-control">
            </div>

            <div class = "form-group">
                <label for = "to" class = "control-label">To:</label>
                <input type = "text" name = "to" class = "form-control">
            </div>

            <div class = "form-group">
                <button type = "submit" class = "btn btn-success">Send</button>
            </div>
            <textarea id="mytextarea"></textarea>

        </form>
    </div>
</div>

@endsection

【参考方案1】：

TinyMCE save plugin 不是用于以您描述的任何格式（如 pdf、doc 等）保存/导出的插件。

TinyMCE save plugin 只提交编辑器所在的表单。您当前的表格是：

<form class = "form-vertical" method="post">

你在这一行没有action属性，你需要添加一个action来指定表单提交时将表单数据发送到哪里。

提交表单后（或者您甚至可以添加新按钮，为您想要支持的每种文件类型添加一个按钮），您可以将数据发送到第三方脚本/服务，该第三方脚本/服务将生成文档并将其返回给你。

在这种情况下，您需要使用第三方转换工具来生成这些文档，TinyMCE 没有本地插件来执行此操作，其唯一目的是在所见即所得模式下编辑文档。

【讨论】：

您是否已经从 TinyMCE 生成文本区域到任何 pdf 生成器？