Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
atb_editarea: Enhance your Presentation area edit fields
This plugin simply uses Christophe Dolivet’s Editarea to enhance your Admin section’s Presentation tabs, giving you a useful code editor for your pages, forms, and stylesheets (and JavaScript, if you have stm_javascript installed).
Offline
Re: atb_editarea: Enhance your Presentation area edit fields
Awesome, can’t wait to try it out!
Offline
Re: atb_editarea: Enhance your Presentation area edit fields
Very helpful…
Just what I needed!
Offline
Re: atb_editarea: Enhance your Presentation area edit fields
Wooo… this is perfect! The full screen option is very nice as well!
Kensington TXP powered rock
Offline
Re: atb_editarea: Enhance your Presentation area edit fields
And support for tabs! :-) Great!
Kensington TXP powered rock
Offline
Re: atb_editarea: Enhance your Presentation area edit fields
The plugin is great, thanks. Just wanted to point oud a strange rendering bug with latest versions of Safari. On my Mac, the shadows below the text are offset by 3-4 pixels, causing a mess. Previously it was working. Anybody else has this problem?
Offline
Re: atb_editarea: Enhance your Presentation area edit fields
Zanza wrote:
The plugin is great, thanks. Just wanted to point oud a strange rendering bug with latest versions of Safari. On my Mac, the shadows below the text are offset by 3-4 pixels, causing a mess. Previously it was working. Anybody else has this problem?
I’m late to the party, but I’ve just discovered this plugin. The offset/blurring is a known issue with Safari and EditArea.
Here’s a hack: find the following in edit_area_full.js (version 0.8.2):
if(t.isSafari){t.editor_area.Ç.position=\"absolute\";a.Ç.marginLeft=\"-3px\";if(t.isSafari < 3.2)a.Ç.marginTop=\"1px\";}and replace with this:
if(t.isSafari){t.editor_area.Ç.position=\"absolute\";if(t.isSafari < 5)a.Ç.marginLeft=\"-3px\";if(t.isSafari < 3.2)a.Ç.marginTop=\"1px\";}Note that this solution causes OmniWeb to develop the blurring problem. Can solve that by telling OmniWeb to spoof Safari 4 (use OmniWeb’s per-site preferences).
Code is topiary
Offline
Re: atb_editarea: Enhance your Presentation area edit fields
For rudimentary Txp syntax highlighting, add this to reg_syntax/html.js:
,'txp' : {
'search' : '(<)(/?txp:[^ \r\n\t>]*)([^>]*>)'
,'class' : 'txp'
,'modifiers' : 'gi'
,'execute' : 'before' // before or after
}just above the similar tags item. Then add this:
,'txp': 'color: #EE9216;'in the REGEXPS item at the bottom. Edit the color value to suit.
If you don’t want to hack html.js, copy the entire file with the above changes into a new file called txp.js, changing a couple of items near the top from html to txp, then hack the plugin to get it to load txp.js where it currently loads html.js.
Code is topiary
Offline
#9 2011-04-28 00:19:41
- marjoleink
- Member
- From: Amsterdam, NL
- Registered: 2011-04-26
- Posts: 18
Re: atb_editarea: Enhance your Presentation area edit fields
As a brand-new Textpattern user with an equally brand-new ‘multi-site’ install (for only one site so far), I installed atb_editarea today (mostly because I wanted some ‘assistance’ with installing themes). I reported an overview of my experience in the soo_editarea thread – on the one hand because I had also downloaded that plugin, but happened to try this one first, on the other hand because I added the txp.js file provided by Jeff Soo.
I’m very happy with the result now, but it took a bit to get it all working. Here’s what I did:
- I copied the
edit_areadirectory into the maintextpatterninstallation directory (on the same level as the ‘sites’ tree) - I added the
txp.jsparser to thereg_syntaxfolder insideedit_area - I edited the plugin code so that for the textareas containing HTML it would use the txp parser instead of the html parser (that took me a while to figure out)
- and then it didn’t work — until I realised that the plugin (necessarily) refers to the path where to find the EditArea script, and that location isn’t directly accessible from a site in a multi-site setup; once I’d figured that out the solution was easy: I created a symlink called
edit_areain mysites/[sitename]/admindirectory to theedit_areadirectory in the maintextpatterninstallation directory.
And with that, it works beautifully!
Here’s my slightly tweaked code:
if (@txpinterface == 'admin')
{
register_callback('atb_editarea_page', 'page');
register_callback('atb_editarea_form', 'form');
register_callback('atb_editarea_style', 'css');
register_callback('atb_editarea_plugin', 'admin_side', 'body_end');
}
function atb_editarea_page() { atb_editarea('html', 'txp'); } // TXP syntax highlighter
function atb_editarea_form() { atb_editarea('form', 'txp'); } // TXP syntax highlighter
function atb_editarea_style() { atb_editarea('css', 'css'); }
function atb_editarea_plugin() {
if ( 'js' === gps('event') ) { atb_editarea('js', 'js'); }
}
function atb_editarea( $did, $syntax ) {
echo <<<EOS
<script language="javascript" type="text/javascript" src="edit_area/edit_area_full.js"></script>
<script language="javascript" type="text/javascript">
editAreaLoader.init({
id : "$did" // textarea id
,syntax: "$syntax" // syntax to be used for highlighting
,start_highlight: true // to display with highlight mode on start-up
});
</script>
EOS;
}atbradley wrote:
This plugin simply uses Christophe Dolivet’s Editarea to enhance your Admin section’s Presentation tabs, giving you a useful code editor for your pages, forms, and stylesheets (and JavaScript, if you have stm_javascript installed).
The link for the plugin given here (top post in this thread) no longer works – above I’ve linked to its page in the Textpattern.org site. Also, for EditArea this isn’t the best link, better link to this EditArea Sourceforge page which (for now) still has the same version as you’re including in the plugin.
Cheers,
Last edited by marjoleink (2011-04-28 00:22:49)
Marjolein Katsma ¤ Hacking a theme to learn tags now ¤ nul = nada — lt = very little — why is there even a site there?
Offline