0

我正在使用 laravel 的在线考试项目。由于这是一个基于考试的项目，教师需要将问题存储在数据库中。问题不是纯文本格式。问题可能包含一半文本、一半图像、一半数学物理方程等。所以问题是图像、文本、表格、方程公式等的混合。为此我需要一个编辑器来添加这个。当我在谷歌中提到时，我发现tinymce 是最好的。

所以这是我的问题

  1. 如何将tinymce集成到我的项目中。我所做的是：

    初始化-tinymce.js

    tinymce.init({
    selector: 'textarea.tinymceeditor',

    plugins: ['advlist autolink lists link image charmap print preview anchor', 'searchreplace visualblocks code fullscreen', 'insertdatetime media table paste code help wordcount', ],

    external_plugins: {
        tiny_mce_wiris: 'https://www.wiris.net/demo/plugins/tiny_mce/plugin.js'
    },

    toolbar: 'tiny_mce_wiris_formulaEditor',
});

    我的标题页

    <script src="//cdn.tinymce.com/4/tinymce.min.js"></script>

<script type="text/javascript" src="{{ URL::asset('tinymce/init-tinymce.js') }}"></script>

    所以在我完成所有这些之后，我可以在我的网络表单中看到编辑器，一切都很好。但我需要在数据库中添加粗体字、斜体字、图像方程所有内容，因为我需要在列中添加任何内容？？表示现在该列属于数据类型

  2. 这种格式对吗？还是我需要将 question_description 列数据类型更改为表中的其他数据类型？

  3. 如果一切都进入数据库，它会被正确检索吗？我需要在我的代码中做其他事情吗？如果我插入图像，它将如何存储在数据库中，将存储在哪里，如何检索它？

  4. 我需要在我的项目中使用数学方程，以便我参考谷歌并添加了 wiris 插件

    external_plugins: { tiny_mce_wiris: 'https://www.wiris.net/demo/plugins/tiny_mce/plugin.js' },

    当我添加这个时，公式屏幕出现了，我选择了几个平方根公式等，它在编辑器中正确显示。

    这是方程式编辑器

    这来自方程式面板，方程式被转移到tinymce编辑器

    预览我有js代码的问题

    document.getElementById("desc_ques").innerHTML=tinyMCE.get('ques_desc').getContent();

    这将预览问题。但是在预览问题时，为什么会错过平方根？同样，如果我给出 55 的平方根，很多符号都会丢失，它只显示 55，为什么？

    当我预览问题时，平方根、分子、分母符号都不见了。只有几个符号存在，为什么？

  5. 如何在我的项目中集成文本编辑器？

  6. 我是否需要将数据库列更改为任何数据类型？
  7. 问题的混合是否会正确存储在数据库中？
  8. 如何在视图表单中检索它？
  9. 需要数学方程式吗？
4

0 回答 0