HTMLFormattingPlugin interferes with my own HTML code

13 views
Skip to first unread message

shavinder

unread,
Jul 11, 2009, 6:50:54 AM7/11/09
to TiddlyWiki
I am using quickstart_basics(from tiddlytools.com) as well as TWT-
Blackicity for creating offline html pages which later on I upload to
my online moodle account at punjabi.ninehub.com In both of the TW
adaptations I have noticed that HTMLFormattingPlugin interferes with
my html code rendering in tiddlers. It adds a <span> </br></span>
everywhere in the code! This breaks the visual rendering of my HTML in
tiddlers(although the raw content, the html code is not touched). If I
disable the offending plugin the rendering becomes OK.

I am ok with disabling the plugin in quickstart_basics but if i
disable it in TWT-Blackicity the topmenu visual gets corrupted which
spoils the fun for me.

Creating offline HTML pages in tiddlers is one use of TW which is I
find very useful. This also helps me store all pages at one place.

Morris Gray

unread,
Jul 12, 2009, 12:35:57 AM7/12/09
to TiddlyWiki
On Jul 11, 8:50 pm, shavinder <shavinderpalsi...@gmail.com> wrote:

> I am ok with disabling the plugin in quickstart_basics but if i
> disable it in TWT-Blackicity the topmenu visual gets corrupted which
> spoils the fun for me.

I wonder how you are creating HTML pages and if you are creating your
own HTML tiddlers?

TWT-Blackicity has its own HTML publishing facility (on the toolbar)
and I wonder if you are using that.

TWT-Blackicity has no problem creating HTML pages from normal tiddlers
with the HTMLFormattingPlugin operational.

If you are creating tiddlers with your own HTML in them and
experiencing the publish facility not rendering them properly, perhaps
you could just create normal tiddlers with normal TiddlyWiki markup
and let the publish facility create the HTML version.

Is this of any help?

Morris Gray
http://twt-blackicity.tiddlyspot.com/

shavinder

unread,
Jul 12, 2009, 8:49:58 AM7/12/09
to TiddlyWiki
I am writing some tutorials for learning Punjabi language at
http://punjabi.ninehub.com which gives a free moodle account(moodle
is open source platform for creating online courses). I do not use
moodle's wysiwyg editor; I prefer to write my content in my own HTML
and css not only so that I can gain more skill.
What I do is I write my html+css in the tiddlers in my offline tw
file. When I am satisfied with the result I go online and copy the
same html+css onto my moodle page. In this way I have an offline copy
as well as an online copy. The fact that TW is so incredibly versatile
is partially the reason why I do this.
The problem as I mentioned earlier is with HTMLFormattingPlugin. It is
adding <span> </br> </span> everywhere in my html. To see an example
please see this http://shavinz-trial-tw.tiddlyspot.com/#[[Gurmukhi%20Script]]
You should see broken rendering of html in view mode of the tiddler.
Now if you disable the HTMLFormattingPlugin you would see the
rendering works perfectly fine.

Please note:
1. TWT-Blackicity is a not the problem. Its the HTMLFormattingPlugin.
2. The publish feature of blackicity works just fine, but as i
mentioned earlier I wish to gain proficiency in hand-coding my
content.

Thank you for all your help

On Jul 12, 9:35 am, Morris Gray <msg...@symbex.net.au> wrote:
> On Jul 11, 8:50 pm, shavinder <shavinderpalsi...@gmail.com> wrote:
>
> > I am ok with disabling the plugin in quickstart_basics but if i
> > disable it in TWT-Blackicity the topmenu visual gets corrupted which
> > spoils the fun for me.
>
> I wonder how you are creating HTML pages and if you are creating your
> own HTML tiddlers?
>
> TWT-Blackicity has its own HTML publishing facility (on the toolbar)
> and I wonder if you are using that.
>
> TWT-Blackicity has no problem creating HTML pages from normal tiddlers
> with the HTMLFormattingPlugin operational.
>
> If you are creating tiddlers with your own HTML in them and
> experiencing the publish facility not rendering them properly, perhaps
> you could just create normal tiddlers with normal TiddlyWiki markup
> and let the publish facility create the HTML version.
>
> Is this of any help?
>
> Morris Grayhttp://twt-blackicity.tiddlyspot.com/

Eric Shulman

unread,
Jul 12, 2009, 9:47:04 AM7/12/09
to TiddlyWiki
> I have noticed that HTMLFormattingPlugin interferes with
> my html code rendering in tiddlers. It adds a <span> </br></span>
> everywhere in the code! This breaks the visual rendering of my HTML

Please see
http://www.TiddlyTools.com/#HTMLFormattingPluginInfo

Specifically, the section on "Line breaks", in which I wrote:
-------------------
One major difference between Wiki formatting and HTML formatting is
how "line breaks" are processed. Wiki formatting treats all line
breaks as literal content to be displayed as-is. However, because HTML
normally ignores line breaks and actually processes them as simple
"word separators" instead, many people who write HTML include extra
line breaks in their documents, just to make the "source code" easier
to read.

Even though you can use HTML tags within your tiddler content, the
default treatment for line breaks still follows the Wiki-style rule
(i.e., all new lines are displayed as-is). When adding HTML content to
a tiddler (especially if you cut-and-paste it from another web page),
you should take care to avoid adding extra line breaks to the text.

If removing all the extra line breaks from your HTML content would be
a big hassle, you can quickly override the default Wiki-style line
break rule so that the line breaks use the standard HTML rules, by
placing <hide linebreaks> anywhere within the HTML content. This
automatically converts all line breaks to spaces before rendering the
content, so that the literal line breaks will be processed as simple
word-breaks instead.

Note: this does not alter the actual tiddler content that is stored in
the document, just the manner in which it is displayed. Any line
breaks contained in the tiddler will still be there when you edit its
content. Also, to include a literal line break when the <hide
linebreaks> tag is present, you will need to use a <br> or <p> HTML
tag instead of simply typing a line break.
-------------------

Thus, for your purposes, you should write your HTML content like this:
<html><hide linebreaks> ... </html>

enjoy,
-e

shavinder

unread,
Jul 12, 2009, 1:22:14 PM7/12/09
to TiddlyWiki
Thank you Eric. I feel stupid; should have looked up this plugin info
myself in the first place.
Thank you very much.

Michael.Tarnowski

unread,
Jul 18, 2009, 7:40:43 PM7/18/09
to TiddlyWiki
Hi,
for FireFox have a look at the add-on TableTools
https://addons.mozilla.org/en-US/firefox/addon/2637 to copy web-page
layouted tables in TW easiley.
Have fun,
Cheers
Michael
Reply all
Reply to author
Forward
0 new messages