wordpress redacteur, ziet er goed uit met CodeMirror,,,,,,,,,, de delen 8 aandelen,,,,,,,, de delen van het netwerk, maandag wat in tuts + cursussen worden teruggebracht tot slechts drie dollar.Niet' niet missen.,, wordpress bevat twee in... Om je redacteur betreft documenten rechtstreeks in hun browser, de thema 's en plug - in - redacteur.Bij verstek, redacteur ziet er heel eenvoudig en moeilijk te bewerken, omdat de kleur is helemaal zwart en grijs.In deze handleiding en ik zal je laten zien hoe de codemirror.js in Edit zodat er mooier uitziet.We delen van de code zal meer kleur, bewerken en zelfs het aantal lijnen, en meer,,,,, de voorbereiding van stap 1, ten eerste, je moet CodeMirror bibliotheek gedownload.Het is een sterke basis voor meerdere talen. En functie.DOWNLOAD, uitpakken, laten we deze gids naar je onderwerp catalogus (ik gebruik de loop van een demo) en de naam, CodeMirror,,, dan creëren we een dossier, codemirror.php in deze gids bevat dit document in je thema 's functions.php dossier,,,, functions.php ///////(met inbegrip van de "CodeMirror /CodeMirror s"); openen onze, codemirror.php, ga verder met de volgende stap.,, "CodeMirror is een browser javascript component, voorzien van een code die redacteur.Als een model voor de taal van je code, die kleur code, kan helpen de indrukking. ", stap 2 geregistreerde script en stijl, add_action ('load-theme-editor. Php," codemirror_register "); add_action ('load-plugin-editor. Php," codemirror_register "); de functionele codemirror_register () {wp_register_script ('codemirror", get_template_directory_uri ("). /CodeMirror /Lib /CodeMirror J 's"); wp_register_style ('codemirror "()", get_template_directory_uri. /CodeMirror /Lib /CodeMirror. De CSS "); wp_register_style ('cm_blackboard" () ", get_template_directory_uri. /CodeMirror /topics /het bord". De CSS); wp_register_script ('cm_xml "," CodeMirror get_template_directory_uri ()., XML, XML -. J' s "); wp_register_script ('cm_javascrGet_template_directory_uri (IPT) ",. /CodeMirror /javascript javascript J 's"); wp_register_script ('cm_css "()", get_template_directory_uri. /CodeMirror CSS, CSS, J' s "); wp_register_script ('cm_php" () ", get_template_directory_uri. /CodeMirror /PHP /PHP. J 's"); wp_register_script ('cm_clike ", get_template_directory_uri (de)." CodeMirror /zoals /als. J' s "); add_action ('admin_enqueue_scripts", "codemirror_enqueue_scripts"); add_action ('admin_head "," codemirror_control_js ");}, dan zal codemirror_register fragmenten, haak, verdeeld in twee haken, load-theme-editor.php, belasting - en PHP redacteur.Dit betekent dat als thema 's of van de « plug­in » redacteur eisen, dan bellen ze mij, codemirror_register, de functie, het kern, die de functie van binnen, we hebben die nodig is voor de registratie van alle scenario' s en de stijl van de documenten.,, codemirror.js, codemirror.css, is de CodeMirror bibliotheek van de twee delen van deze gids, die in blackboard.css, betreft, is een van de thema 's van het dossier, in catalogussen van de bibliotheek, thema' s, CodeMirror ook veel andere thema 's dossier kan je volgens Je voorkeuren.Een meer bruikbare betreft, zie hier:,, standaard:,,,,,,, mode, het is javascript procedure, om te helpen de kleur (en eventueel een streepje) in een bepaalde taal geschreven tekst.Hun waarde is de waarde van een mime type, dat hangt af van onze werkzaamheden en de taal.Zie je al CodeMirror patronen, patronen in de catalogussen van de bibliotheek.Omdat je een redacteur kan Edit: //europa.eu.int /comm /PHP CSS (er), dus heb ik een script voor de registratie van deze codemirror_register,,.Waarom heb ik een script en registratie van XML - categorie C, zal het later uit. Na de registratie van alle scripts, we moeten ze elke keer als we het deel van de belasting.Dus ik codemirror_enqueue_scripts, de functie, het admin_enqueue_scripts toetreding, haak.Dan hebben we die controle javascript documenten (kan worden gewijzigd en de toevoeging of schrapping van opties') CodeMirror administratieve hoofd.,, salaristrap 3 scripts, functionele codemirror_enqueue_scripts () {wp_enqueue_script ('codemirror "); wp_enqueue_style ('codemirror"); wp_enqueue_style ('cm_blackboard "); wp_enqueue_script ('cm_xml"); wp_enqueue_script ('cm_javascript "); wp_enqueue_script ('cm_css"); wp_enqueue_script ('cm_php "); wp_enqueue_script ('cm_clike");}, de functie van de interpretatie van het geen grote problemen, maar in alle scenario 's van onze eerdere registratie.Open de betreft... De source code, zie je deze scenario 's zijn ingebed in het hoofd, stap 4., het script, geeft een overzicht van de op het gebruik van,, onze functie is: het script, codemirror_enqueue_scripts () {?> < script type = "tekst /javascript" >) (document). Voorbereiding (functie) (VAR = CodeMirror redacteur. Fromtextarea (doc. GetElementById (de "nieuwe");}) < /scripts > <?}, deze functie zal worden verankerd in het hoofd van de beheerder, CodeMirror van invloed zal zijn op alle elementen bevat, een nieuwe inhoud, id, omdat wij van mening zijn dat we de tekst met de id - code, fragmenten, bij het gebruik van CodeMirror geen optie, CodeMirror gebruik zal maken van de standaard optie zijn.Meer gebruik van meer opties, we kunnen deze functie:, codemirror_enqueue_scripts () {?> < script type = "tekst /javascript" >) (document). Voorbereiding (functie) (VAR = CodeMirror redacteur. Fromtextarea (doc. GetElementById (de "nieuwe") {linenumbers: echt, model: "het woord /javascript", betreft: "bord"}) <}); /scripts > <?}, deze extra mogelijkheden zal onze redacteur heeft de lijn en een bord betreft.In de mededeling, opties van deze optie zal vaststellen wat de wijze van gebruik, CodeMirror moet (in stap 2, wij over welk model is).Omdat elk dossier heeft z 'n eigen manier, moeten we de definitie van deze optie kan CodeMirror goed vakmanschap, blijk te geven van meer accuraat.Hier is de waarde van sommige soorten:,,, "tekst /javascript" javascript model "tekst /CSS CSS -" de toepassing van /x-httpd-php "PHP XML - model, dat moet, javasscript CSS en C.Dit is moeten we het script en registratie van XML - C vermelde redenen, eenvoudig,.,: //europa.eu.int /comm /PHP model op basis van C.PHP, hangt af van het XML - en javascript CSS, en C - model.(hier), geavanceerde gebruik, met het oog op de beste gebruiken, moeten we ons de definitie wordt uitgegeven documenten vormen, het gebruik van de juiste wijze.Ons doel is ervoor te zorgen dat het gebruik van de juiste wijze van automatische script.Hier is een solution:, functie codemirror_control_js () {als lid is ($_GET['file'])) {///////$_GET['file'] bevat weg van je dossier. $filename_to_edit = end (voeg ("/", $_GET['file']); ///////10 ($file we get FILE = substr ($filename_to_edit, zoals Het touw vervangende ($filename_to_edit, "") + 1); ///////'uitbreiding van een dossier ($file) {///////mime type waarde achten en toe te $file variabele zaak "PHP": $file = "application/x-httpd-php"; de pauze; zaak "is": $file = "tekst /javascript"; de pauze; zaak "CSS": $file = "text/css"; breken;}} anders {$file_script = $_SERVER['SCRIPT_NAME']; $file_script = end (voeg ("/", $file_script); als ($file_script $file = = = = = = = ='theme-editor.php') "text/css"; anders $file = ".De toepassing van x-httpd-php "/;)?> < script type = "tekst /javascript" >) (document). Voorbereiding (functie) (VAR = CodeMirror redacteur. Fromtextarea (doc. GetElementById (de "nieuwe") {linenumbers: echt, model: "<?PHP ECHO $documenten?> "", betreft: het bord "});}) < /scripts > <?}, elke keer als we op een dossier wordt uitgegeven documenten], [_get dollar, variabelen, behoud van de weg, doc.Bijvoorbeeld:,, WP beheerder /theme-editor.php?Het dossier header.php, administrateur, WP /theme-editor.php?Het dossier voor de stijl CSS, administrateur, WP /????????FILE = akismet.php, dit deel van de code, zal ons helpen te bepalen we het dossier wordt uitgegeven aan het einde van de uitbreiding, filename_to_edit =: de dollar (de explosie ("/", _get dollar [document.); ///////die we nodig hebben om de bestandsnaam = substr (filename_to_edit dollar, zoals het touw vervangende (filename_to_edit dollar, "") + 1) toegang tot documenten; ///////uitbreiding, en volgens ons is elke uitbreiding, die wedstrijd van verschillende mime - waarde, behalve wij. De opening van het eerste thema 's of van de « plug­in » redacteur, We zijn niet op een dossier, dus _get dollar [dossier], bestaat niet.Je opent een dossier met automatisch.Het thema van de documenten in de redacteur, de standaard is, in de « stijl CSS, redacteur van documenten en de andere documenten een PHP.Dus, we hebben een definitie nodig van de waarde van de mime, de tekst /CSS ", in het thema redacteur van" aanvragen /x-httpd-php ", in de « redacteur, de vorm, de inspanningen, maar... Het ziet er slecht uit.We moeten een wijziging van de CSS dossier.In deze gids, openen we de,,, codemirror.css, documenten, het vinden van het volgende fragment:,. CodeMirror rollend {overflow-x: auto 's; overflow-y: verbergen; lengte: [[beeld: 2005; /* Dit is nodig om te voorkomen dat ie [67] van de inhoud van de insecten zichtbaar is buiten beeld.* * * * * * * /positie: relatieve; overzicht: geen;}, vervangen door: CodeMirror DIV (marge,.,. CodeMirror rechten: 0.Belangrijke;} {overflow-x CodeMirror rollen: auto 's; overflow-y: verborgen; lengte: 450px; dit is nodig om te voorkomen dat ie /* [67] van de inhoud van de insecten zichtbaar is buiten beeld.* * * * * * * /positie: relatieve; overzicht: geen;}, jij bent aan de beurt, CodeMirror heeft vele voordelen, het is een zeer sterke javascript.CodeMirror handboek gelezen over de functie volledig beschikbaar.Je kan vinden of hoe ze andere kenmerken aangepast, en voeg je je eigen code.Heel eenvoudig:, de registratie, het team, en de haak, het schrijven van scenario 's zoals ik hierboven. De conclusies,,, in deze handleiding, ik heb niet veel aandacht en de kenmerken van CodeMirror, ik laat alleen maar zien dat integratie in de wordpress redacteur of ons ziet er mooier uit te werken).Hoop dat deze handleiding voor iedereen nuttig zijn, als je denkt dat mijn training is er een probleem, of heb je een beter idee, of de toevoeging van een, laat een opmerking beneden.We waarderen het.