사용자 정의 서식 규칙을 사용하는 JavaScript 텍스트 영역 편집기

Question

사용자 정의 (아마도 동적 인) 규칙이있는 간단한 텍스트 편집기를 구현해야합니다. 예를 들어, 사용자가 텍스트를 어떻게 든 변경하면이 텍스트에 대해 regex (또는 콜백 메서드 또는 다른 것)를 실행하고 서식을 적용하려고합니다. 예를 들어, 텍스트의 모든 IP 주소는 지정된 범위의 이름 인 빨간색, 이름이 검정이어야하며 "abc"- 녹색으로 시작하는 모든 단어가 있어야합니다. 그래서 기본적으로 내가 필요한

은 다음과 같습니다 - 그래서 적용 규칙을 추가 능력은 텍스트 영역

withing에 텍스트 내가 관련된 많은 자원을 검토하고 간단한을 발견하지 않았다 - 텍스트 영역을 기반으로 간단한 텍스트 편집기 해결책은 아직 없습니다. 지금은 contenteditable 속성과 JQuery를 사용하여 자체 편집기를 구현하기 시작했습니다.

이전에 그런 기능을 전혀 쓰지 않았으므로 올바른 방향으로 안내해주세요. 어쩌면 이미 구현 된 도구 또는 특정 전략을 사용할 수 있습니까?

고마워요.

Answer 1

아마도 누군가에게 유용 할 것입니다. 처음에는 약간의 조사 끝에 jQuery Highlight Plugin을 사용해 보았습니다. 그러나 내 모든 필요 사항을 다루지는 않았으므로 Codemirror 편집기를 사용했습니다.이 편집기는 매우 훌륭하고 사용자 정의가 가능합니다.

내 맞춤 모드를 작성했으며 완벽하게 작동합니다.

시작 지점으로 사용 난 article