Allister Jenks writes:
This presents me with a problem because input fields on these panels
are underlined. A typical entry prompt would look like this:
Name. . .: ____________________ Code. . . : __
Date . . : __________
...
Mark a block (perhaps with [@ and @]) which spans multiple lines. Within
this block all whitespace and carriage returns are preserved. Some lines may
start with one or more blanks or may be completely blank. All of the lines
in a block need to display as a single block level element. BUT, I need to
be able to mark up the underlined areas. Clearly this will get slightly ugly
in the edit window as the nicely aligned text block will be put out of shape
by whatever markup produces the underlines, but I can cope with that.
I'm comfortable with CSS to get things looking how I want but I have a lot
of trouble sorting out the markup to make it generate what I want. The
markup needs to be simple enough that the rest of my team can use it, too.
Let's say you use the normal [@...@] markup for the terminal block, but
precede it with (:terminal:) so you'll have in a wiki page:
(:terminal:) [@
here the 80x25 code
@]
Then, to highlight/underline editable fields, you just insert some character
or combination which you know you wouldn't have in your terminal:
(:terminal:)[@
Name . . : @@ @@ Code. . . : @@ @@
Date . . : @@ @@
@]
In this example, I have used @@...@@ to delimit the editable zones. You can
change it to a different combination, even to a single character if you'll
never have it inside the terminal window.
To achieve this, I have in config.php the following:
Markup('terminal', '>markupend', "/\\(:terminal:\\) *\\[@(.*)@\\]/sei",
"MarkupTerminal(\$pagename, PSS('$1'))");
function MarkupTerminal($pagename, $text) {
$delimiter = '@@';
$dx = preg_quote($delimiter, "/");
$text = preg_replace("/$dx(.*?)$dx/", '<tt>$1</tt>', $text);
return PreserveText('@', $text, '');
}
This will cause the @@...@@ text to be wrapped in <tt> tags, and save
everything in a <pre> block. So, in pub/css/local.css, I can add for
example:
pre tt {background: #eee; text-decoration: underline;}
See the result here:
http://galleries.accent.bg/Cookbook/Terminal
As you noticed in your message, inserting the delimiters of the editable
areas will shift the wikicode of that line, so editing may not be very nice.
But if you can find a single character that will NEVER appear on your
terminal, use it as a delimiter, and you can even add 2 spaces in the
replacement, so everything will be aligned. Use something like this in
MarkupTerminal() :
$delimiter = '@'; # single @...@ -or-
$delimiter = '_'; # single _..._ -or-
$delimiter = '$'; # single $...$
...
$text = preg_replace("/$dx(.*?)$dx/", '<tt>$1 </tt>', $text);
# ^^2 spaces at the end
This can be fun. :-)
Petko
_______________________________________________
pmwiki-users mailing list
[email protected]
http://www.pmichaud.com/mailman/listinfo/pmwiki-users
