Hi!
Yes, that works.:D However, I came across an issue when using this inside a
macro. Namely, I generate a table and if I use {{someClass{text}}} in a
cell, it must either be at the beginning or it must be preceeded by a
character. If it's preceeded by a space, I get an error:
Error while executing macro infobox:
Unable to evaluate {{InfoboxNoValueWarning{Item}}: SyntaxError: missing ;
before statement
Any ideas what might be causing this?
I set up a test (1).
(1) http://infoboxestest.tiddlyspot.com/
w
On Friday, September 5, 2014 11:12:50 PM UTC+2, Eric Shulman wrote:
>
> On Friday, September 5, 2014 8:57:27 AM UTC-7, whatever wrote:
>>
>> I'm trying to mix HTML and markup using HTMLFormattingPlugin (1). It
>> works, however, it breaks a bit when using markup lists like the following:
>>
>> <html>test1<br>Unordered list<br>*<span class='dummy'>Item</span> A -
>> span class<br>*<b>Item</b> B - b tag<br>*<span style='font-weight:
>> bold;'>Item</span> C - span style<br>* {{dummy{Item}}} D -
>> class<br>*''Item'' E - markup<br>*@@font-weight:bold;Item@@ F -
>> style<br><ul><li>Item G</li><li>Item H</li></ul></html>
>>
>> Here, there is a line break between the bullet and items A, B and C and a
>> line break after. Items D, E and F are shown on the same line as the
>> bullets, but they are followed by two empty lines. If I omit the asterisks,
>> the items are shown in consecutive lines. Items G and H are always shown
>> correctly.
>>
>
> TiddlyTools' HTMLFormattingPlugin works by first parsing the entire
> <html>...</html> block using the browser's built-in HTML rendering engine.
> This produces output that is a tree of DOM elements (such as BR and SPAN),
> some of which contain TEXT elements holding the non-HTML content (e.g.,
> "test1", "Unordered list", "*"). Then, the plugin recursively 'walks' this
> DOM tree, and applies the TWCore wikify() function to each separate text
> element that it finds.
>
> The problem is that, once the HTML has been processed, the individual
> sequences of embedded wiki syntax are then isolated into separate TEXT
> elements and are processed separately from each other. Thus, for list
> items A, B and C, the "*" that appears between the <br> and the following
> <span> (or <b>) element, is processed as a single bullet item with no text
> following it, resulting in just a bullet on a line by itself. Similarly,
> although the bullets for items D, E, and F are not separated from the text
> that follows, each individual bullet+text item is treated an entire
> separate bullet list with just one item. By default, bullet lists are
> surrounded by whitespace both before and after the list itself. Thus, each
> "one item bullet list" has space above/below it. In addition, you
> specified an explicit <br> following each bullet item, so the whitespace is
> even larger between items.
>
> Fortunately, you can use CSS to fix ALL of this....
>
> Add this to your StyleSheet:
> .myclass ul { margin-top:0; margin-bottom:0; display:inline-block; }
>
> The first two rules (margin-top and margin-bottom) eliminate the extra
> whitesapce before/after each bullet list. The third rule
> (display:inline-block) prevents each bullet list from forcing content
> following it to start on a new line. This makes it appear that items A, B,
> and C appear as proper bullets with text following, rather than separate
> bullet lists, each with *with no content*, followed by the item content
> text on the *next line*.
>
> Note the use of the ".myclass" in the CSS selector. This limits the
> application of the rule to ONLY those bullet lists that occur inside a
> "myclass" container, so that other "normal" bullet lists are unaffected.
> To apply this CSS to your example content, you would wrap the entire HTML
> block within a wiki syntax CSS class wrapper, like this:
> {{myclass{<html>....</html>}}}
>
> Also note that this only works as intended because you already have
> specified explicit <br>'s between each bullet item definition. Without
> those <br>'s, the bullet items would all run into a single line, except for
> items G and H, which are defined as two <li> elements within a single <ul>,
> where the line break between those items is handled by the <li> rendering
> itself.
>
> enjoy,
> -e
> Eric Shulman
> TiddlyTools / ELS Design Studios
>
> YOUR DONATIONS ARE VERY IMPORTANT!
> HELP ME TO HELP YOU - MAKE A CONTRIBUTION TO MY "TIP JAR"...
> http://TiddlyTools.github.com/fundraising.html#MakeADonation
>
> Professional TiddlyWiki Consulting Services...
> Analysis, Design, and Custom Solutions:
> http://www.TiddlyTools.com/#Contact
>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.
