Textarea و Codemirror: كيفية ملء منطقة النص وتمييزها؟

Question

لديّ follooming: textarea وزر ، أود ملءه عن طريق النص المحدد مسبقًا ، وفي الوقت نفسه ، قم بتوضيح بناء جملة مع codemirror:

$('#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. ما المشكلة؟

نوع التحيات أرمان.

Answer 1

ما كنت أستخدمه لإنشاء نص Codemirror هو:

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

لاحظ getElementByid بدلاً من مجرد إعطاء اسم/معرف الحقل.

وبالتالي أعتقد أنه يجب عليك أيضًا نشر عروض أسعار حول جزء PHP ، لذلك:

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

يجب عليك التحقق من رمز Sourcecode الخاص بك إذا كان حدث OnClick قد تم تحميل النص الصحيح. إذا لم ينجح الأمر ، فحاول تنفيذ رمز getJson () في onClick إلى ملف PHP الذي يرجع إلى صفيف مشفر JSON Contain Confate كمفتاح فقط (البيانات [0] .field أو شيء مشابه).

Answer 2

لقد وجدت ال Codemirror jQuery البرنامج المساعد يعد ذلك بحل المشكلات مع jQuery إضافة معالجات الأحداث الأخرى ، لكنها لا تعمل بالنسبة لي:-/

ستكون هذه هي الطريقة الجديدة لإعدادها:

$("textarea#codemirror").codemirror({
    lineNumbers : true,
    matchBrackets : true,
    tabMode: "indent"
});