Adding a Wikiparser rule for indentation

[Riz]

Hi,

I am trying to get TW5 to parse the symbol ^ as <span style="padding-left:20px;content:''"></span>

I tried to copy the other wikiparser rules like bold, heading etc and model something similar. All my attempts so far ended up in javascript errors.

Anyone? Thanks in advance.

[Matthew Lauber]

A couple of questions: 

* Should this only work at the start of a line?  Or in the middle of the line too? 

* When should the span end?  (Closing ^ symbol, end of line?)

* Can you post what you've tried?  Best way would be exporting the tiddler as a .tid or json format, since some of the additional fields affect how this works.

Matt

[Thomas Elmiger]

Hm, is this character not taken for superscript?

x^^2^^

What would you do with this span?

Good luck, Thomas

[Rizwan Ishak]

Start of the line would do just fine.
Span should end right after the opening Span. That is, the content between the Span should be null. I have specified the content using CSS, as you can see

I cloned the wikiparser for strike-through (and heading) and tried to change wherever the ~~ happens and finally the element: strike line.

I wouldn't mind any symbol on the keyboard to be parsed thus

--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/loz80ybEoqo/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+unsubscribe@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/ce606da1-f358-49af-ab82-5c27dfd2eb10%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Thomas Elmiger]

I still don’t understand your exact use case.

Why don’t use a class and CSS?

http://www.w3schools.com/cssref/pr_text_text-indent.asp

Kind regards, Thomas

[Riz]

I am trying to make the same easier. There are a lot of levels of intend and it is a pain to delcare a class and wrap it with CSS. Usually I keep a transparent list-style, which is also getting to impossible as I need those list-styles.

[BJ]

how about a \ followed by three spaces

/*\
title: $:/core/modules/parsers/wikiparser/rules/indent.js
type: application/javascript
module-type: wikirule

\*/
(function(){

/*jslint node: true, browser: true */
/*global $tw: false */
"use strict";

exports.name = "indent";
exports.types = {inline: true};

exports.init = function(parser) {
	this.parser = parser;
	// Regexp to match
	this.matchRegExp = /\\   /mg;
};

exports.parse = function() {
	// Move past the match
	this.parser.pos = this.matchRegExp.lastIndex;
		var node = {
		type: "element",
		tag: "span",
		attributes: {
			"style": {type: "string", value: "padding-left:20px;content:''"}
		},
		children: []
	};
	return [node];
};

})();

[Danielo Rodríguez]

I think that using an invisible character as part of a formatting rule is an horrible idea.

Just my two cents

[PMario]

Hi,

IMO there is no need to create a new wikitext rule. There is already a rule that creates a <span> element: @@

Create a tiddler eg: myStyles and tag it $:/tags/Stylesheet

.x li,
li.x{
  list-style-type: none;
  padding-left: 0;
}

Now you can use the following syntax:

*.x indent 1
**.x indent 2

or

@@.x
* asdf asdf
** asdfasdfasdf
@@

-m

[PMario]

On Wednesday, December 14, 2016 at 4:57:57 PM UTC+1, Riz wrote:

I am trying to get TW5 to parse the symbol ^ as <span style="padding-left:20px;content:''"></span>

IMO don't use px anymore, it doesn't work with our displays anymore. use em and its cousins instead!
-m

[Sylvain Naudin]

Le mercredi 14 décembre 2016 22:14:20 UTC+1, PMario a écrit :

Now you can use the following syntax:

*.x indent 1
**.x indent 2

Oh ! Thank you for this cool tips ! Never think that class work for list like this !

Sylvain

[Riz]

  @ BJ and PMario


Both of those methods works and opens an array of possibilites. Thanks you :-)

[PMario]

Yea,

I did play a little bit with those setting in the German version.
see: http://tiddlywiki.com/languages/de-DE/#Task%20Management%20mit%20Listen:%5B%5BTask%20Management%20mit%20Listen%5D%5D%20%24%3A%2F_tags%2FListIcon%20list-check.svg%20%24%3A_TaskStylesheet

-m

[PMario]

On Thursday, December 15, 2016 at 3:05:38 AM UTC+1, Riz wrote:

  @ BJ and PMario

Both of those methods works and opens an array of possibilites. Thanks you :-)

Yea,
TiddlyWiki offers a crazy amount of possibilities. ... (Way too many to be well documented ;)))
-m

[Tobias Beer]

Hi Danielo,

 

I think that using an invisible character as part of a formatting rule is an horrible idea.

Just my two cents

I would disagree on this one,
To me it's both elegant and straight forward.

Actually, the number of spaces could correspond to the desired indenting level,
So you could define some system tiddler, globally defining the padding per level
as a combination of an amount and a unit (e.g. % or px or em or whatever)
and then compute how far you want to push a given line in
based on the number of blanks it starts with.

Best wishes,

Tobias.

 

[Arlen Beiler]

Try also the MediaWiki famous ':'. It should work similar, but does not work exactly the same.

Never knew that before about the CSS classes!

--
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 tiddlywiki+unsubscribe@googlegroups.com.

To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/23519ee3-cba6-4c2c-95c3-9858c7253961%40googlegroups.com.