Textarea и CodeMirror: Как заполнить текстовую область и выделить?

StackOverflow https://stackoverflow.com/questions/3554706

Вопрос

У меня есть следующее: Textarea и кнопка, я хотел бы заполнить его предварительно определенным текстом, а тем временем сделать синтаксис подсветки с кодом:

$('#query1').button()
                .click(function() {
                    $('#queryText').val(<?php echo $queryArray[0];?>);
                }

Потом:

<form id="queryFrom" name="queryBox"
    action="processquery.php" method="get">
        <textarea id="queryText"
    name="queryText" cols="120" rows="30">
    </textarea>
    </form> 
<button id="query1">Query1</button>
<script type="text/javascript" src="js/code/js/codemirror.js"></script>

<script type="text/javascript">

var editor = CodeMirror.fromTextArea('queryText', {
      height: "150px",
      parserfile: "parsesql.js",
      path: "js/code/js/",
      stylesheet: "js/code/css/sqlcolors.css",
      textWrapping: true
    });
</script>

К сожалению, текст от кнопки не заполняет область, если CodeMirROR включен. В чем проблема?

Добрые считают Арман.

Это было полезно?

Решение

То, что я использовал для создания Textarea CodeMirror:

CodeMirror.fromTextArea(document.getElementById('queryText'), {
  // your settings here
});

Обратите внимание на GetElementById вместо того, чтобы просто дать имя / идентификатор поля.

Тем самым я думаю, что вы также должны публиковать цитаты вокруг части PHP, поэтому:

val('<?php echo $data[0]; ?>')

Вы должны проверить свой SourceCode, если событие OnClick имеет правильный текст загруженный. Если он не работает, попробуйте выполнить код GetJSON () в файле onClick в PHP-файл, который возвращает Ancode json Arraded Array Contentist Data как только ключ (данные [0] .Field или что-то подобное).

Другие советы

Я нашел А. CodeMirror jQuery Plugin Это обещает решить проблемы с jQuery, добавляя другие обработчики событий, но он не работает для меня: - /

Это будет новый способ настроить это:

$("textarea#codemirror").codemirror({
    lineNumbers : true,
    matchBrackets : true,
    tabMode: "indent"
});
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top