bidi.html 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>CodeMirror: Bi-directional Text Demo</title>
  6. <link rel="stylesheet" href="../lib/codemirror.css">
  7. <script src="../lib/codemirror.js"></script>
  8. <script src="../mode/xml/xml.js"></script>
  9. <link rel="stylesheet" href="../doc/docs.css">
  10. <style type="text/css">
  11. .CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}
  12. </style>
  13. </head>
  14. <body>
  15. <h1>CodeMirror: Bi-directional Text Demo</h1>
  16. <form><textarea id="code" name="code"><!-- Piece of the CodeMirror manual, 'translated' into Arabic by
  17. Google Translate -->
  18. <dl>
  19. <dt id=option_value><code>value (string or Doc)</code></dt>
  20. <dd>قيمة البداية المحرر. يمكن أن تكون سلسلة، أو. كائن مستند.</dd>
  21. <dt id=option_mode><code>mode (string or object)</code></dt>
  22. <dd>وضع الاستخدام. عندما لا تعطى، وهذا الافتراضي إلى الطريقة الاولى
  23. التي تم تحميلها. قد يكون من سلسلة، والتي إما أسماء أو ببساطة هو وضع
  24. MIME نوع المرتبطة اسطة. بدلا من ذلك، قد يكون من كائن يحتوي على
  25. خيارات التكوين لواسطة، مع <code>name</code> الخاصية التي وضع أسماء
  26. (على سبيل المثال <code>{name: "javascript", json: true}</code>).
  27. صفحات التجريبي لكل وضع تحتوي على معلومات حول ما معلمات تكوين وضع
  28. يدعمها. يمكنك أن تطلب CodeMirror التي تم تعريفها طرق وأنواع MIME
  29. الكشف على <code>CodeMirror.modes</code>
  30. و <code>CodeMirror.mimeModes</code> الكائنات. وضع خرائط الأسماء
  31. الأولى لمنشئات الخاصة بهم، وخرائط لأنواع MIME 2 المواصفات
  32. واسطة.</dd>
  33. <dt id=option_theme><code>theme (string)</code></dt>
  34. <dd>موضوع لنمط المحرر مع. يجب عليك التأكد من الملف CSS تحديد
  35. المقابلة <code>.cm-s-[name]</code> يتم تحميل أنماط (انظر
  36. <a href=../theme/><code>theme</code></a> الدليل في التوزيع).
  37. الافتراضي هو <code>"default"</code> ، والتي تم تضمينها في
  38. الألوان <code>codemirror.css</code>. فمن الممكن استخدام فئات متعددة
  39. في تطبيق السمات مرة واحدة على سبيل المثال <code>"foo bar"</code>
  40. سيتم تعيين كل من <code>cm-s-foo</code> و <code>cm-s-bar</code>
  41. الطبقات إلى المحرر.</dd>
  42. </dl>
  43. </textarea></form>
  44. <script>
  45. var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
  46. mode: "text/html",
  47. lineNumbers: true,
  48. lineWrapping: true
  49. });
  50. </script>
  51. <p>Demonstration of bi-directional text support. See
  52. the <a href="http://marijnhaverbeke.nl/blog/cursor-in-bidi-text.html">related
  53. blog post</a> for more background.</p>
  54. </body>
  55. </html>