- Compatible XF Versions 1.x
Shows read-only version for the original template in Template Modifications
All versions expand to full size
All features available in full size versions
Template names and phrase names are prefixed with "tce_"
Uses the latest version of CodeMirror (5.9.1)
CodeMirror is an ongoing project by Marijn Haverbeke and others. It has many more features than those described here.
CodeMirror toolbars is a CodeMirror extension I created.
search and replace
expandable input fields
regular expression searching
highlight matching (finds matches for selected code/text)
font size selection
position (line, character)
go to line
tabs or spaces
drag and drop
formatting of minified code
code collapsing (click in the line numbers column in two locations and the code between collapses.)
Toolbars uses XenForo admin CP colors and other style features. If you want to change anything see template tce_codemirror_toolbar.css. Don't mess with the css files in the CodeMirror file group. To try different settings see the "options" in js/nerbert/codemirror_init.js.
CodeMirror sometimes does not show the last few characters of the longest line. I cannot consistently reproduce this problem and I'm not competent to fix it. Use line wrapping to view the last few characters and place a few blank spaces at the end if you are going to modify the template anyway
The CodeMirror syntax highlighting is not designed to handle XenForo template syntax. Under some conditions HTML tags show bright red to indicate mismatching. This can be caused by unclosed elements within a template conditional.
Formatting (CodeMirror-5.9/addon/misc/formatting.js) is my best effort to uncompress minified files. It doesn't always work. If you format a file, save it only at your own risk!
Drag and drop does not auto-scroll. Use code collapsing to place origin and destination locations near each other.
Upload the provided files to your form root folder and upload the product XML file in your admin CP. There is no control panel for this product.
Fixed problem with "go to line" feature.
Changed CSS to make it easier to click in number column to collapse code.
Made display of original template read-only in Template Mods.