Я пишу страницу с примерами, демонстрирующими использование моей библиотеки js. Мне бы хотелось, чтобы эти примеры были доступны для редактирования и запуска, поэтому я подумал, что у меня есть следующие варианты:
Используйте prettify для отображения кода на странице учебника, у вас есть кнопка, которая открывает новое окно с редактором, где вы можете запустить код (в настоящее время реализованное решение). Как вариант, я могу сделать редактор модальным диалоговым окном.
Используйте несколько редакторов CodeMirror для каждого примера на странице (может быть до 30 на одной странице). Я не уверен, насколько «тяжелы» эти редакторы, поэтому я не уверен, что это хорошая идея.
Имеется кнопка редактирования, которая «обменивает» симпатичный код с помощью редактора CodeMirror, когда необходимо редактирование, чтобы пользователь мог редактировать и запускать примеры, не беспокоясь о новых окнах. Я не уверен, что смогу сделать prettify и подсветку синтаксиса CodeMIrror, чтобы они выглядели одинаково.
Есть идеи, как мне это сделать и почему? Я также открыт для предложений по поводу различных редакторов кода или подсветки синтаксиса, поэтому, если у кого-то есть опыт работы с подобными вещами, расскажите, пожалуйста, как вы это сделали.