Question

我想为3种编程语言创建一个自己的小型在线代码编辑器。 HTML，CSS和JS。是的，有点用，编辑器太多了，但我要我自己的：D。如果您在html代码的输入中编写代码，则应该有如下标签建议：https://codepen.io/alantseng/pen/QyWoqe（但仅包含标签）。在javascript上也是如此（例如：编写“ func”将建议“ function（）”）。第二件事，我希望我像这样的棱镜高光板（没有复杂的事物）：https://codepen.io/joe-watkins/pen/KwZqpp

我的所作所为我已对每种语言的3个字段编程了功能编辑器。除了上面的功能，所有这些都在那里。

我的代码这是来自编辑器和实时预览的代码：

<div>
    <div class="editor">
        <div class="editor_code co_html">
            <textarea id="h"></textarea>
        </div>

        <div class="editor_code co_css language-css">
            <textarea id="c"></textarea>
        </div>

        <div class="editor_code co_js">
            <textarea id="j"></textarea>
        </div>
    </div>

    <div class="viewer">
        <iframe id="iframe"></iframe>
    </div>
</div>

那现在该怎么办？

在每个编辑器文本区域中添加一个建议窗口，以在其中包含arraylist的关键字。
所有不同语言的自动棱镜突出显示

Prism关键字摘要和自动完成

0 个答案: