javascript - 如何将 TinyMCE 保存为文件？

Question

在 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

Answer 1

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

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

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

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

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

在这种情况下，您需要使用第三方转换工具来生成这些文档，TinyMCE 没有原生插件可以做到这一点，它的唯一目的是在所见即所得模式下编辑文档。