Как создать свою или отредактировать готовую тему для Ace Editor?

Question

[Антон]

Добрый вечер!
Ace Editor - редактор кода на сайте.
Пытался редактировать js файл, который отвечает за определённую тему, но ничего не вышло, когда я менял там цвета.
Попробовал добавить стили вручную, тем самым выключив js, отвечающий за эту тему - опять ничего не вышло.
Подскажите, пожалуйста, как создать свою или отредактировать готовую тему для Ace Editor?

Comments

[Sergej]

Вы это вообще от куда откопали?)))
Не, я понимаю, каждому свое, но ace...

[Антон]

Doc: что? Сейчас я Вас не понимаю.

[Sergej]

Антон: Я про редактор. Почему бы не использовать Sublime, Atom, на худой конец brackets или VS Code ?

[Антон]

Doc: а Вы внимательно читали теги вопроса? На ПК я использую PhpStorm. Ace Editor - это редактор кода на сайте.

[Sergej]

Антон: Теперь понятно.
Теги говорят о том, что тема касается js а не редактора кода или плагина.
Немного поправил вопрос.

Answer 1

[Руслан]

Чтобы создать новую тему, возьмите за основу любую существующую, например, https://github.com/ajaxorg/ace-builds/blob/master/..., и переименуйте её на свою, допустим, theme-mytheme.js.

Подключение:

var editor = ace.edit('editor');
editor.setTheme('ace/theme/mytheme');

Comments

[Антон]

Цитирую своё высказывание: "Пытался редактировать js файл, который отвечает за определённую тему...".

[Руслан]

Антон: Какую версию редактора Вы используете? Как подключаете?

[Антон]

Руслан: последнюю, src-noconflict. Подключаю так, как описано в документации - https://github.com/ajaxorg/ace

[Руслан]

Антон: Сам использую Ace, подключаю из src-noconflict свою тему также, как я написал в ответе. Стандартную тему тоже редактировал, работает. Вот пример - https://jsfiddle.net/twiSk/ckoscpoj/

[Антон]

Руслан: ага, я просто не те стили редактировал в файле. Спасибо большое!