@@ -4,7 +4,7 @@ Tags: syntax highlighting, javascript, code, coding, sourcecode, mootools, jquer
4
4
Donate link: https://enlighterjs.org
5
5
Requires at least: 3.9
6
6
Tested up to: 4.9
7
- Stable tag: 3.7
7
+ Stable tag: 3.8
8
8
License: MIT X11-License
9
9
License URI: http://opensource.org/licenses/MIT
10
10
@@ -19,6 +19,7 @@ It also supports the automatic creation of tab-panes to display code-groups toge
19
19
20
20
### Plugin Features ###
21
21
* Support for all common used languages including powerful generic highlighting
22
+ * ** Full** Gutenberg Editor Integration (currently experimental)
22
23
* ** Full** Visual-Editor (TinyMCE) Integration (Admin Panel + Frontend)
23
24
* Theme Customizer including ** LIVE Preview Mode**
24
25
* Inline Syntax Highlighting
@@ -73,71 +74,6 @@ Click to view Language/Theme Examples
73
74
* [ Shell] ( https://enlighterjs.org/Language.Shell.html )
74
75
* [ VHDL] ( https://enlighterjs.org/Language.VHDL.html )
75
76
* [ XML] ( https://enlighterjs.org/Language.XML.html )
76
-
77
- ### Shortcode Quickstart Example ###
78
- Highlight javascript code (theme defined on your settings page)
79
-
80
- [js]
81
- window.addEvent('domready', function(){
82
- console.info('Hello Enlighter');
83
- });
84
- [/js]
85
-
86
- ### Inline Syntax Highlighting with Shortcode ###
87
-
88
- Lorem ipsum dolor sit amet, [js]window.alert('Hello World');[/js] consetetur sadipscing elitr,
89
- sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
90
-
91
- ### Codegroup Example ###
92
- Display multiple codes within a tab-pane. You can define a custom tab-pane title for each snippet if you want.
93
-
94
- [codegroup]
95
- [js tab="Javascript Message"]
96
- window.addEvent('domready', function(){
97
- // display string on console
98
- console.info('Hello Enlighter');
99
-
100
- // show element
101
- $('#myelement').show();
102
- });
103
- [/js]
104
-
105
- [html]
106
- <div id="myelement">
107
- INITIALIZATION START
108
- </div>
109
- [/html]
110
-
111
- [css tab="Styling"]
112
- #myelement{
113
- color: #cc2222;
114
- padding: 15px;
115
- font-size: 20px;
116
- text-align: center;
117
- }
118
- [/css]
119
- [/codegroup]
120
-
121
- ### Legacy Example ###
122
- It's also possible to use the plugin with legacy shortcode (disabled language shortcodes)
123
-
124
- [enlighter lang="js"]
125
- window.addEvent('domready', function(){
126
- // display string on console
127
- console.info('Hello Enlighter');
128
-
129
- // show element
130
- $('#myelement').show();
131
- });
132
- [/enlighter]
133
-
134
-
135
- ### Translations (I18n) ###
136
- Please keep in mind that not all translations are up to date. You are welcome to contribute!
137
-
138
- * ** English** (default)
139
- * ** German** (de_DE by Andi Dittrich)
140
- * ** Serbo-Croatian** (sr_RS by Borisa Djuraskovic from webhostinghub.com)
141
77
142
78
### Related Links ###
143
79
* [ Enlighter Plugin Docs + Tutorials] ( https://github.com/EnlighterJS/Plugin.WordPress/docs )
0 commit comments