自定义语法编辑器
npm install custom-syntax-editorInstall
``sh`
npm install custom-syntax-editor
Use
`jsx
import CustomEditor from "custom-syntax-editor";
const defaultCode = "";
const getCode = (code) => {
console.log(code);
}
readOnly={false}
height={400}
theme="night"
activeLine={true}
fold={true}
keywords={keywords}
onChange={getCode}
/>
`
jsx
const keywords = [
// groovy keywords
"as", "catch", "def", "enum", "for", "import", "new", "super", "throws", "while",
"assert", "class", "default", "extends", "goto", "in", "null", "switch", "trait", "break",
"const", "do", "false", "if", "instanceof", "package", "this", "true", "case", "continue", "else",
"finally", "implements", "interface", "return", "throw", "try",
// java keywords
"abstract", "transient", "int", "strictfp", "synchronized", "boolean", "char", "do",
"final", "private", "short", "void", "double", "long", "protected", "static", "volatile",
"byte", "float", "native", "public",
// JDK Commonly used class
"System", "Runtime", "String", "StringBuffer", "StringBuilder", "Date", "DateFormat",
"SimpleDateFormat", "Calendar", "GregorianGalendar", "Math", "Integer", "Double", "Float",
"Boolean", "List", "HashMap", "Map", "ArrayList", "Arrays", "Random", "Iterator"
];
``