ΠΡΠ΅ ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠΈΠ΅ ΡΡΠ°ΡΡΠΈ ΠΏΠΎ ΡΠ°Π±ΠΎΡΠ΅ c cms opencart ΠΊΠ°ΡΠ°Π»ΠΈΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠΉ ΡΠ°ΡΡΠΈ. Π‘Π΅Π³ΠΎΠ΄Π½Ρ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ ΠΎΠ± Π°Π΄ΠΌΠΈΠ½ΠΈΡΡΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ ΡΠ°ΡΡΠΈ, Π° ΡΠΎΡΠ½Π΅Π΅ ΠΎ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅ ΠΎΠΏΠ΅Π½ΠΊΠ°ΡΡ Summer Note.
Π Π΄Π°Π½Π½ΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°Π΅ΡΡΡ Π²Π΅ΡΡΠΈΡ ΠΎΠΏΠ΅Π½ΠΊΠ°ΡΡ 2.3 (OcStore 2.3).
ΠΡΠΎΠ²Π΅ΡΡΡΠ΅, ΠΊΠ°ΠΊΠΎΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Ρ Π²Π°Ρ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ Π² Π½Π°ΡΡΡΠΎΠΉΠΊΠ°Ρ ΠΎΠΏΠ΅Π½ΠΊΠ°ΡΡ. ΠΠ°Ρ ΠΎΠ΄ΠΈΠΌ Π²
Π‘ΠΈΡΡΠ΅ΠΌΠ° -> ΠΠ°ΡΡΡΠΎΠΉΠΊΠΈ -> Π‘Π΅ΡΠ²Π΅Ρ -> ΠΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ
ΠΡΠ±ΠΈΡΠ°Π΅ΠΌ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ° Summer Note.
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΠΎΠΏΠ΅Π½ΠΊΠ°ΡΡ Π½Π΅ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΈΠ²Π°Π΅Ρ ΠΈ Π½Π΅ Π½ΡΠΌΠ΅ΡΡΠ΅Ρ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΉ ΠΊΠΎΠ΄, ΡΡΠΎ ΡΠ΅ΡΡΠ΅Π·Π½ΠΎ Π·Π°ΡΡΡΠ΄Π½ΡΠ΅Ρ ΡΠ°Π±ΠΎΡΡ Ρ Π½ΠΈΠΌ. Π‘Π°ΠΌΠΎΠ΅ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎΠ΅, ΡΡΠΎ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π», ΠΊΠΎΡΠΎΡΡΠΉ Π²ΡΠΏΠΎΠ»Π½ΡΠ΅Ρ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΡ ΠΊΠΎΠ΄Π°, ΡΠΆΠ΅ Π²ΡΡΡΠΎΠ΅Π½ Π² ΠΎΠΏΠ΅Π½ΠΊΠ°ΡΡ Π²Π΅ΡΡΠΈΠΈ 2.3. ΠΠ° ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΡ ΠΊΠΎΠ΄Π° Π² ΠΎΠΏΠ΅Π½ΠΊΠ°ΡΡ ΠΎΡΠ²Π΅ΡΠ°Π΅Ρ javascript Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° Codemirror, Π΅Π΅ ΡΠ°ΠΉΠ»Ρ ΠΌΡ ΠΈ Π±ΡΠ΄Π΅ΠΌ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°ΡΡ. ΠΡΠ΅ ΡΠ°Π· ΠΎΠ±ΡΠ°ΡΠ°Π΅ΠΌ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ Π²ΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΡΡ Π² Π²Π΅ΡΡΠΈΠΈ opencart 2.3 (OcStore 2.3).
ΠΡΡΠΌΠΎΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°
ΠΠ°ΠΊ Π²ΡΠ΅Π³Π΄Π° ΠΌΡ ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°Π΅ΠΌ Π΄Π²Π° Π²Π°ΡΠΈΠ°Π½ΡΠ°, ΠΏΡΡΠΌΠΎΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° (ΠΊΠΎΠΌΡ-ΡΠΎ ΠΏΡΠΎΡΠ΅, Π½ΠΎ Π½Π΅ Π²ΡΠ΅Π³Π΄Π° ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ) ΠΈ ΠΌΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΎΡ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΠΈ ΠΊΠΎΠ΄Π°. Π ΠΎΠ±ΠΎΠΈΡ ΡΠ»ΡΡΠ°ΡΡ Π½Π΅Ρ Π½ΠΈΠΊΠ°ΠΊΠΈΡ ΡΠ»ΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ.
ΠΡΠ°ΠΊ, Π½Π°Ρ ΠΎΠ΄ΠΈΠΌ ΡΠ°ΠΉΠ»:
admin/view/template/common/header.tpl
ΠΈ ΠΏΠ΅ΡΠ΅Π΄ ΡΡΡΠΎΠΊΠΎΠΉ:
<link type="text/css" href="view/stylesheet/stylesheet.css" rel="stylesheet" media="screen">
ΠΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ codemirror:
<link rel="stylesheet" type="text/css" href="view/javascript/codemirror/lib/codemirror.css">
<script type="text/javascript" src="view/javascript/codemirror/lib/codemirror.js"></script>
<script type="text/javascript" src="view/javascript/codemirror/lib/xml.js"> </script>
<script type="text/javascript" src="view/javascript/codemirror/lib/formatting.js"> </script>
ΠΠΎΡΠ»Π΅ ΡΡΠΎΠ³ΠΎ Π½Π΅ Π·Π°Π±ΡΠ²Π°Π΅ΠΌ ΡΠ±ΡΠ°ΡΡΠ²Π°ΡΡ ΠΊΡΡ.
ΠΠΎΡ ΡΠ°ΠΊΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ ΠΌΡ Π²ΠΈΠ΄ΠΈΠΌ Π΄ΠΎ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ:
ΠΠΎΠ»ΡΡΠ°Π΅ΠΌ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ:
- ΠΏΠΎΡΠ²ΠΈΠ»Π°ΡΡ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ ΡΡΡΠΎΠΊ;
- ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΠ° ΠΊΠΎΠ΄Π°;
ΠΠ° ΡΡΠΎΠΌ ΡΡΠ°ΠΏΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡ, ΠΊΠΎΠΌΡ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ ΡΠ²Π΅ΡΠ»ΡΠΉ Π²Π°ΡΠΈΠ°Π½Ρ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΠΈ, Π° ΠΌΠ΅Π½Ρ ΠΎΠ½ Π°Π±ΡΠΎΠ»ΡΡΠ½ΠΎ Π½Π΅ ΡΡΡΡΠ°ΠΈΠ²Π°Π΅Ρ, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ ΠΏΡΠΈΠ²ΡΠΊ, ΠΊΠΎΠ³Π΄Π° ΠΈΡΡ ΠΎΠ΄Π½ΡΠΉ ΠΊΠΎΠ΄ ΠΈΠ΄Π΅Ρ Π² ΡΠ΅ΠΌΠ½ΠΎΠΉ ΡΠ΅ΠΌΠ΅.
ΠΡΠΏΡΠ°Π²Π»ΡΠ΅ΠΌ Π΄Π°Π½Π½ΡΡ ΠΊΠ°ΡΡΠΈΠ½Ρ, ΠΈΠ·ΠΌΠ΅Π½ΡΡ ΡΠ΅ΠΌΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π½Π° ΡΠ΅ΠΌΠ½ΡΡ (Π΄Π°Π½Π½ΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΠΏΠΎ ΠΆΠ΅Π»Π°Π½ΠΈΡ).
ΠΠ°Ρ ΠΎΠ΄ΠΈΠΌ Π½Π°ΡΡ Π½ΠΎΠ²ΡΡ ΡΡΡΠΎΡΠΊΡ :
<link rel="stylesheet" type="text/css" href="view/javascript/codemirror/lib/codemirror.css">
ΠΈ ΠΏΠΎΡΠ»Π΅ Π½Π΅Π΅ Π²ΡΡΠ°Π²Π»ΡΠ΅ΠΌ:
<link rel="stylesheet" type="text/css" href="view/javascript/codemirror/theme/cobalt.css">
ΠΡΠΊΡΡΠ²Π°Π΅ΠΌ ΡΠ°ΠΉΠ»:
admin/view/javascript/codemirror/lib/codemirror.js
ΠΡΠ΅ΠΌ ΡΡΡΠΎΠΊΡ :
option("theme", "default", function(cm) {
ΠΠ΅Π½ΡΠ΅ΠΌ Π½Π°:
option("theme", "cobalt", function(cm) {
Π‘ΠΎΡ ΡΠ°Π½ΡΠ΅ΠΌ, ΡΠ±ΡΠ°ΡΡΠ²Π°Π΅ΠΌ ΠΊΡΡ, ΠΎΠ±Π½ΠΎΠ²Π»ΡΠ΅ΠΌ ΠΌΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΎΡΡ.
ΠΠΎΠ»ΡΡΠ°Π΅ΠΌ ΡΠ°ΠΊΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ:
ΠΠ°ΠΌ ΠΊΠΎΠΌΡΠΎΡΡΠ½Π΅Π΅ ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ Π΄Π°Π½Π½ΡΠΌ ΡΠ΅ΠΌΠ½ΡΠΌ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠΌ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ.
ΠΠΎΠ΄ΡΠ»Ρ (ΠΌΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΎΡ) ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΠΈ ΠΈ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΠΈ ΠΊΠΎΠ΄Π°.
ΠΠΎΠ΄ΡΠ»Ρ Π΄Π΅Π»Π°Π΅Ρ Π²ΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ, ΡΡΠΎ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅Π»ΠΈ Π²ΡΡΠ΅, Π±Π΅Π· ΠΏΠΎΡΡΠΎΡΠΎΠ½Π½Π΅Π³ΠΎ Π²ΠΌΠ΅ΡΠ°ΡΠ΅Π»ΡΡΡΠ²Π° ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π°. Π Π°Π±ΠΎΡΠ°ΡΡ Ρ ΠΌΠΎΠ΄ΡΠ»Π΅ΠΌ Π²ΡΠ΅Π³Π΄Π° ΠΏΡΠΎΡΠ΅, Π±ΡΡΡΡΠ΅Π΅, ΡΠ΄ΠΎΠ±Π½Π΅Π΅. ΠΡΠΎΡΡΠΎ ΡΠ΅ΡΠ΅Π· Π°Π΄ΠΌΠΈΠ½ΠΊΡ ΠΎΠΏΠ΅Π½ΠΊΠ°ΡΡ Π·Π°Π³ΡΡΠ·ΠΈΡΠ΅ ΠΌΠΎΠ΄ΡΠ»Ρ, ΡΠ±ΡΠΎΡΡΡΠ΅ ΠΊΡΡ Π² Π°Π΄ΠΌΠΈΠ½ΠΊΠ΅, ΠΎΠ±Π½ΠΎΠ²ΠΈΡΠ΅ ΠΌΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΎΡΡ ΠΈ ΡΠ±ΡΠΎΡΡΡΠ΅ ΠΊΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°. ΠΠΎΡΠ»Π΅ ΡΡΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΡΠ»Π°ΠΆΠ΄Π°ΡΡΡΡ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠΎΠΌ.
ΠΠ°ΡΠΈΠ°Π½Ρ ΡΠΎ ΡΠ²Π΅ΡΠ»ΠΎΠΉ ΡΠ΅ΠΌΠΎΠΉ Π½Π΅ Π²Π½ΠΎΡΠΈΡ Π½ΠΈΠΊΠ°ΠΊΠΈΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π² Π²Π°ΡΡ ΡΠ΅ΠΌΡ, Π²Π°ΡΠΈΠ°Π½Ρ Ρ ΡΠ΅ΠΌΠ½ΠΎΠΉ ΡΠ΅ΠΌΠΎΠΉ ΠΏΠ΅ΡΠ΅Π·Π°ΠΏΠΈΡΠ΅Ρ ΡΠ°ΠΉΠ» codemirror.js.
ΠΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅! ΠΠ΅ΡΠ΅Π΄ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΎΠΉ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΠΌ ΠΏΡΠΎΠ²Π΅ΡΠΈΡΡ Π²Π°ΡΡ Π²Π΅ΡΡΠΈΡ ΠΎΠΏΠ΅Π½ΠΊΠ°ΡΡ. ΠΡΠ»ΠΈ Π²Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ ΠΏΠ»Π°ΡΠ½ΡΡ ΡΠ΅ΠΌΡ, ΡΠΎ ΠΌΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΎΡ ΠΌΠΎΠΆΠ΅Ρ Π½Π΅ ΡΡΠ°Π±ΠΎΡΠ°ΡΡ. Π Π΄Π°Π½Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΡ NeoAgency Π³ΠΎΡΠΎΠ²Π° ΠΏΡΠΈΠΉΡΠΈ ΠΊ Π²Π°ΠΌ Π½Π° ΠΏΠΎΠΌΠΎΡΡ. ΠΡΡΠ°Π²Π»ΡΠΉΡΠ΅ Π·Π°ΡΠ²ΠΊΡ Π½Π° ΡΠ°ΠΉΡΠ΅ ΠΈΠ»ΠΈ Π·Π²ΠΎΠ½ΠΈΡΠ΅ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅ΡΡ.
Π‘ΠΊΠ°ΡΠ°ΡΡ ΠΌΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΎΡ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΠΈ ΠΊΠΎΠ΄Π° (ΡΠ²Π΅ΡΠ»Π°Ρ ΡΠ΅ΠΌΠ°)
Π‘ΠΊΠ°ΡΠ°ΡΡ ΠΌΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΎΡ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΠΈ ΠΊΠΎΠ΄Π° (ΡΠ΅ΠΌΠ½Π°Ρ ΡΠ΅ΠΌΠ°)
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ Π·Π°ΠΊΡΡΡΡ.