코드 미러를 사용하여 특정 언어에 대한 구문 강조 표시를 만드는 방법

도끼 M

codemirror를 사용하여 특정 언어에 대한 구문 강조 코드를 어떻게 구문합니까?

내 HTML은 다음과 같습니다.

<head>
    <link rel="stylesheet" type="text/css" href="codemirror/lib/codemirror.css">
</head>

<body>
    <textarea class="codetextarea"></textarea>

    <!-- javascript files-->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script>
    <script type="text/javascript" src="codemirror/lib/codemirror.js"></script>
    <script type="text/javascript" src="js/default.js"></script>
</body>

그리고 내 자바 스크립트 :

$(document).ready(function() {
    var code = $(".codetextarea")[0];
    var editor = CodeMirror.fromTextArea(code, {
        lineNumbers : true,
    });
});

codemirror codemirror API의 디렉토리입니다.

C ++에 대한 구문 강조 표시를하고 싶지만 방법을 모르겠습니다.

샤한

편집기의 구성에 언어를 추가하십시오.;) mode매개 변수는 생각에 당신이 찾고있는 것입니다.

C ++ 공식 웹 사이트의 예 :

var cppEditor = CodeMirror.fromTextArea(document.getElementById("cpp-code"), {
    lineNumbers: true,
    matchBrackets: true,
    mode: "text/x-c++src"
});

이 페이지에서 C ++에 대한 소스를 확인하십시오. http://codemirror.net/mode/clike/index.html

이 페이지는 지원되는 모든 언어를 나열합니다 : http://codemirror.net/mode/index.html

편집 :

나는 그들의 문서가 당신이 원하는 것을 찾기 위해 꽤 불분명하다는 것을 인정해야합니다.

웹 페이지에이 파일을 추가하려고 하셨나요 http://codemirror.net/mode/clike/clike.js? 나는 이것이 필수라고 생각합니다. 위에서 언급 한 첫 번째 페이지에서 가져 오기를 확인하십시오. 아마도 모듈을 놓칠 것입니다.

Эта статья взята из Интернета, укажите источник при перепечатке.

Если есть какие-либо нарушения, пожалуйста, свяжитесь с[email protected] Удалить.

Отредактировано в
0

я говорю два предложения

0обзор
Войти в системуУчаствуйте в комментариях

Статьи по теме

특성에 대한 참조를 갖고 원래 구조체를 사용하는 방법은 무엇입니까?

Haskell에서 레코드 구문이있는 유형에 대해`bind`를 정의하는 방법은 무엇입니까?

C #에서 CssSelector를 사용하여 최대 100 시간으로 tr을 1 씩 증가시키는 루프를 만드는 방법

구문 분석 서버-클라우드 코드에서 ParseGeoPoint에서 경도 + 위도를 추출하는 방법

jtable을 사용하여 JAVA에서 간단한 스프레드 시트를 만드는 방법은 무엇입니까?

순수 CSS를 사용하여 애니메이션 양식 자리 표시자를 만드는 방법

VIM에 대한 GoLang 구문 강조 표시 추가

keyIsDown 함수에서 ASCII 코드를 사용하는 방법

특정 종료 코드를 bash에서 파일로 리디렉션하는 방법

구문으로 배열에 대한 포인터를 이해하는 방법

각도 프로젝트 템플릿을 사용하여 asp.net 코어에 대한 기본 사용자 지정 경로를 설정하는 방법이 있습니까?

크기 조정 가능한 div를 검색 엔진으로 만드는 방법

Typeahead.js를 사용하여 여러 단어 강조

컴퓨터가 조회를 위해 특정 네임 서버를 사용하도록 강제하는 방법은 무엇입니까?

하위 클래스가 생성자의 특정 메서드를 호출하도록하는 추상 어댑터 클래스를 만드는 방법

aspectj 주위에 aspectj를 사용하여 알 수없는 수의 메소드 인수를 수정하는 방법

시뮬레이션 연구에서 lbreg를 사용하여 한 번에 계수를 얻는 방법

사용자 정의 유형의 shared_ptr에 대한 표준 라이브러리 함수를 전문화하는 것이 합법적입니까?

jQuery UI 자동 완성은 일치하는 부분 문자열 대신 전체 단어를 강조 표시합니다.

asp.net 코어에 특정 구현을 주입하는 방법

Visual Studio Code의 조각에서 Regex를 사용하여 '대문자 화 및 바꾸기'하는 방법은 무엇입니까?

라 라벨 5.2에서 OR 조건으로 미들웨어에 여러 매개 변수를 전달하는 방법

replaceWith를 사용하여 여러 div 클래스 및 div ID 내에서 img를 대체하는 방법

getJSON에서 if else 문을 만들어 다른 전단지 마커를로드하는 방법

Vec <T>를 반환 유형으로 사용하고 wasm_bindgen을 사용하여 Javascript에서 읽을 수 있도록 만드는 방법

상속 (추상 클래스 포함)을 사용하여 사용자 정의 프레임 워크 내에서 메서드의 하위 섹션이있는 하위 클래스를 제공하는 더 우아한 방법은 무엇입니까?

kotlin regex 문에서 정규식 시작 마커 (^)를 사용하는 방법

정규식을 사용하여 다트에서 점 문자를 제거하는 방법은 무엇입니까?

재귀 쿼리를 사용하여 계층 적 트리 구조 구조를 거꾸로 탐색하는 방법

TOP список

  1. 1

    Распределение Рэлея Curve_fit на Python

  2. 2

    TypeError: store.getState não é uma função. (Em 'store.getState ()', 'store.getState' é indefinido, como posso resolver esse problema?

  3. 3

    В типе Observable <unknown> отсутствуют следующие свойства из типа Promise <any>.

  4. 4

    Как добавить Swagger в веб-API с поддержкой OData, работающий на ASP.NET Core 3.1

  5. 5

    How to click an array of links in puppeteer?

  6. 6

    Merging legends in plotly subplot

  7. 7

    ViewPager2 мигает / перезагружается при смахивании

  8. 8

    Отчеты Fabric Debug Craslytic: регистрация, отсутствует идентификатор сборки, применить плагин: io.fabric

  9. 9

    How to normalize different curves drawn with geom = "step" when using stat_summary

  10. 10

    无法通过Vue在传单中加载pixiOverlay

  11. 11

    как я могу удалить vue cli 2?

  12. 12

    Как я могу нарисовать заполненный прямоугольник в JFreeChart?

  13. 13

    SQL Вычтите две строки друг от друга в одном столбце, чтобы получить результат

  14. 14

    Elasticsearch - Нечеткий поиск не дает предложения

  15. 15

    Single legend for Plotly subplot for line plots created from two data frames in R

  16. 16

    Описание моего типа Parser как серии преобразователей монад

  17. 17

    Как изменить цвета запятых и скобок в VS Code

  18. 18

    Сброс значения <input type = "time"> в Firefox

  19. 19

    Почему прокси в vue.config.js 404

  20. 20

    Как установить параметр -noverify с gradle ktx для робоэлектрических тестов Android?

  21. 21

    В чем разница между ifstream, ofstream и fstream?

популярныйтег

файл