CodeMirror 多行颜色代码格式无法正常工作

大佬教程收集整理的这篇文章主要介绍了CodeMirror 多行颜色代码格式无法正常工作，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决CodeMirror 多行颜色代码格式无法正常工作？

开发过程中遇到CodeMirror 多行颜色代码格式无法正常工作的问题如何解决？下面主要结合日常开发的经验，给出你关于CodeMirror 多行颜色代码格式无法正常工作的解决方法建议，希望对你解决CodeMirror 多行颜色代码格式无法正常工作有所启发或帮助；

我正在尝试制作适用于颜色代码的 CodeMirror 模式。颜色代码标记定义为 &x，其中 x 是数字或字母 (a-f)。标记之后的所有内容都应采用该颜色，直到遇到另一个标记。

着色有效，但整个输入被着色，而不仅仅是在颜色代码标记之后。整个输入用输入中最后出现的颜色着色。

这是我的代码：

CodeMirror.defineMode("colorCodes",function () {
    return {
        startState: () => {
            return {
                color: null
            };
        },token: function (stream,statE) {
            if (!state.color) {
                console.log(stream.peek());
                if (stream.skipTo('&0')) {
                    stream.next();
                    stream.next();
                    state.color = 'black';
                } else if (stream.skipTo('&1')) {
                    stream.next();
                    stream.next();
                    state.color = 'dark_blue';
                } else if (stream.skipTo('&2')) {
                    stream.next();
                    stream.next();
                    state.color = 'dark_green';
                } else if (stream.skipTo('&3')) {
                    stream.next();
                    stream.next();
                    state.color = 'dark_aqua';
                } else if (stream.skipTo('&4')) {
                    stream.next();
                    stream.next();
                    state.color = 'dark_red';
                } else if (stream.skipTo('&5')) {
                    stream.next();
                    stream.next();
                    state.color = 'dark_purple';
                } else if (stream.skipTo('&6')) {
                    stream.next();
                    stream.next();
                    state.color = 'gold';
                } else if (stream.skipTo('&7')) {
                    stream.next();
                    stream.next();
                    state.color = 'gray';
                } else if (stream.skipTo('&8')) {
                    stream.next();
                    stream.next();
                    state.color = 'dark_gray';
                } else if (stream.skipTo('&9')) {
                    stream.next();
                    stream.next();
                    state.color = 'blue';
                } else if (stream.skipTo('&a')) {
                    stream.next();
                    stream.next();
                    state.color = 'green';
                } else if (stream.skipTo('&b')) {
                    stream.next();
                    stream.next();
                    state.color = 'aqua';
                } else if (stream.skipTo('&c')) {
                    stream.skipTo('&c');
                    stream.next();
                    stream.next();
                    state.color = 'red';
                } else if (stream.skipTo('&d')) {
                    stream.next();
                    stream.next();
                    state.color = 'light_purple';
                } else if (stream.skipTo('&e')) {
                    stream.next();
                    stream.next();
                    state.color = 'yellow';
                } else if (stream.skipTo('&f')) {
                    stream.next();
                    stream.next();
                    state.color = 'white';
                }
            }
            if (state.color) {
                if (stream.skipTo('&0')) {
                    stream.next();
                    stream.next();
                    state.color = 'black';
                } else if (stream.skipTo('&1')) {
                    stream.next();
                    stream.next();
                    state.color = 'dark_blue';
                } else if (stream.skipTo('&2')) {
                    stream.next();
                    stream.next();
                    state.color = 'dark_green';
                } else if (stream.skipTo('&3')) {
                    stream.next();
                    stream.next();
                    state.color = 'dark_aqua';
                } else if (stream.skipTo('&4')) {
                    stream.next();
                    stream.next();
                    state.color = 'dark_red';
                } else if (stream.skipTo('&5')) {
                    stream.next();
                    stream.next();
                    state.color = 'dark_purple';
                } else if (stream.skipTo('&6')) {
                    stream.next();
                    stream.next();
                    state.color = 'gold';
                } else if (stream.skipTo('&7')) {
                    stream.next();
                    stream.next();
                    state.color = 'gray';
                } else if (stream.skipTo('&8')) {
                    stream.next();
                    stream.next();
                    state.color = 'dark_gray';
                } else if (stream.skipTo('&9')) {
                    stream.next();
                    stream.next();
                    state.color = 'blue';
                } else if (stream.skipTo('&a')) {
                    stream.next();
                    stream.next();
                    state.color = 'green';
                } else if (stream.skipTo('&b')) {
                    stream.next();
                    stream.next();
                    state.color = 'aqua';
                } else if (stream.skipTo('&c')) {
                    stream.next();
                    stream.next();
                    state.color = 'red';
                } else if (stream.skipTo('&d')) {
                    stream.next();
                    stream.next();
                    state.color = 'light_purple';
                } else if (stream.skipTo('&e')) {
                    stream.next();
                    stream.next();
                    state.color = 'yellow';
                } else if (stream.skipTo('&f')) {
                    stream.next();
                    stream.next();
                    state.color = 'white';
                } else {
                    stream.skipToEnd();
                }
                return state.color;
            } else {
                return null;
            }
        }
    };
});

var editor = CodeMirror.fromTextArea(document.getElementByID('editor-name'),{
    mode: "colorCodes",});

这里是输出的一些图像：

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

大佬总结

以上是大佬教程为你收集整理的CodeMirror 多行颜色代码格式无法正常工作全部内容，希望文章能够帮你解决CodeMirror 多行颜色代码格式无法正常工作所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。