Приложение: У меня есть элемент textarea на моей странице. Он преобразуется с помощью CodeMirror, потому что мне нужно отступы и выделить html-код с его помощью. Pic находится по ссылке: [textarea using codemirror]
http://uploadingit.com/file/gxftd2cps9wm7zhp/cm.png
Вот код для textarea, использующий codemirror:
</textarea>
<button type="submit">Post</button>
</form>
<script>
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
mode: { name: "xml", htmlMode: true },
lineNumbers: true,
tabMode: "indent",
matchBrackets: true,
path: 'js/',
searchMode: 'inline',
onCursorActivity: function () {
editor.setLineClass(hlLine, null);
hlLine = editor.setLineClass(editor.getCursor().line, "activeline");
}
});
var hlLine = editor.setLineClass(0, "activeline");
</script>
Как это сделать?. Когда я нажимаю кнопку "Отправить", весь код должен быть передан в другое текстовое пространство. Мне нужно это сделать с javascript или jQuery, но изо всех сил пытаюсь это сделать. Любая помощь?
Для приложения реального мира код в этом текстовом поле (из рис. выше) должен влиять на API-интерфейс Html Designer. Все изменения в дизайнере Html должны быть отражены в этом текстовом поле (которое использовало codemirror для удобочитаемости) и наоборот. Когда я редактирую в текстовом поле изменения должны быть отражены в HtmlDesigner, но в этом случае симуляции → во втором текстовом поле.
Пример:, например Visual Studio.Net WebPage Code Editor, который имеет режим Designer + Source. Теперь ясно?
Я спрашиваю, как реализовать описанный выше механизм с помощью javascript или jquery. Большое вам спасибо!