Question

是否可以使用TYPO3（8.7.11）在前端使用的相同ckeditor？我必须用编辑器实现一个用户表单，我希望前端用户能够准确地看到后端显示的结果 - 所以我需要使用相同的编辑器。

有没有办法在不再安装ckeditor插件的情况下使用同一个编辑器？也许任何功能很容易包含它或什么？

Answer 1

如果您已经配置了CK-Editor，那么只需在模板中创建类似这样的内容即可。

    <html lang="en">
        <head>
            <meta charset="utf-8">
            <title>A Simple Page with CKEditor</title>
            <!-- Make sure the path to CKEditor is correct. -->
            <script src="../ckeditor.js"></script>
        </head>
        <body>
            <form>
                <textarea name="editor1" id="editor1" rows="10" cols="80">
                    This is my textarea to be replaced with CKEditor.
                </textarea>
                <script>
                    // Replace the <textarea id="editor1"> with a CKEditor
                    // instance, using default configuration.
                    CKEDITOR.replace( 'editor1' );
                </script>
            </form>
        </body>
    </html>

ckeditor.js应该位于您的Typo3源文件夹下： typo3/sysext/rte_ckeditor/Resources/Public/JavaScript/Contrib/ckeditor.js

该代码示例摘自CKEditor 4 Dokumentation，可在此处找到： https://ckeditor.com/docs/ckeditor4/latest/guide/index.html

编辑：

我自己测试了此代码后，我注意到这不起作用，因为CKEditor的Typo3-Installation缺少style.js-file，其中包括样式定义。

我从这里下载了CKEditor的标准版本： https://ckeditor.com/ckeditor-4/download/ 并将style.js-file（位于文件夹的根目录）插入我的ckeditor.js所在的目录中。

添加文件后，包括以下代码：

        <script src="/typo3/sysext/rte_ckeditor/Resources/Public/JavaScript/Contrib/ckeditor.js"></script>
        <form>
                <textarea name="editor1" id="editor1" rows="10" cols="80">
                    This is my textarea to be replaced with CKEditor.
                </textarea>
            <script>
                // Replace the <textarea id="editor1"> with a CKEditor
                // instance, using default configuration.
                CKEDITOR.replace( 'editor1' );
            </script>
        </form>

在任何模板的内部添加ck编辑器。

在前端使用TYPO3 ckeditor

1 个答案: