[tw] CKEditor replace by class

Discussion:

Duarte Farrajota Ramos

2015-02-10 15:05:55 UTC

Hello everyone I was hoping some of the experts here could help me with
something I wanted to achieve with TiddlyWiki5

So one of the biggest personal barriers stopping me from using TW5 as my
main go to note taking application is the lack of a WYSIWYG editor (my
guess is this is also probably stopping more widespread adoption by non
technical users or less computer savvy people too).
I know there currently isn't one, planed or implemented, except fot the
experimental wiki markup helper I've seen around the forums, but for me it
becomes kind of cumbersome dealing with and remembering wiki markup when I
am in a hurry or just want to jot down something quickly, especially with
more complex stuff like tables or if I just want to copy paste some
clipping from another webpage.

So I was wondering if there is an easy way to integrate CKEditor into
tiddlywiki, intentionally keeping it as external dependency and without the
need for complex addons that need maintenance.
I am by no means a coder, but know my way around, and in the past I was
able to easily hack CKEditor support into PMWiki <http://www.pmwiki.org/>
using the "replace by class" simple method described here,
<http://ckeditor.com/ckeditor_4.3_beta/samples/replacebyclass.html>and
adding the following code in the header of the editing page template:

<head>
...
<script src="/ckeditor/ckeditor.js"></script></head>

So I was wondering if I could also easily change something in some shadow tiddler, or change the class for the HTML editing textarea, and add something similar to any tiddlywiki without needing a full addon.
I would just point the code to some CKEditor installation somewhere on my HD, update it at will regardless of TW and hopefully loose the need for a complex addon that might break with the future releases.

Thanks

--
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+***@googlegroups.com.
To post to this group, send email to ***@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.

'Stephen Kimmel' via TiddlyWiki

2015-02-10 15:33:18 UTC

Permalink

Duarte,

This is a bit off-topic for your question, but I would appreciate it if you
would take a look at my editor project and give me some feedback on it.
http://tw5editor.tiddlyspot.com/

It's not a WYSIWYG editor but I started working on it to address some of
what I saw as shortcomings with the built-in editor.

Duarte Farrajota Ramos

2015-02-10 15:53:12 UTC

Permalink

Yes, this was the one I mentioned in the original post, I had seen it
around before, that looks really really promising, one big step in the
right direction, congrats on the great work.
Find and replace sure is a godsend, I hope it becomes an integral part of
official releases some day.

It is obviously not a full fledged WYSIWYG editor, but it sure makes life a
lot easier. The only improvement I can think of so far is that it would be
great if buttons could behave like a "toggle", that is if it could detect
existing markup and remove it on second press.
Like for example if I bold some text in my selection pressing the Bold
button again would toggle it off removing the previously applied "bold
tags".

Post by 'Stephen Kimmel' via TiddlyWiki
Duarte,
This is a bit off-topic for your question, but I would appreciate it if
you would take a look at my editor project and give me some feedback on it.
http://tw5editor.tiddlyspot.com/
It's not a WYSIWYG editor but I started working on it to address some of
what I saw as shortcomings with the built-in editor.

'Stephen Kimmel' via TiddlyWiki

2015-02-10 16:16:46 UTC

Permalink

The only improvement I can think of so far is that it would be great if
buttons could behave like a "toggle", that is if it could detect existing
markup and remove it on second press.

Like for example if I bold some text in my selection pressing the Bold

button again would toggle it off removing the previously applied "bold
tags".

Now that's an interesting idea that hadn't occurred to me. The same code
you would need to do that would also allow you to select an area with the
basic marks and then remove the marks.

Hmmm.

Duarte Farrajota Ramos

2015-02-10 16:41:06 UTC

Permalink

That'd be an useful addition.
Also just remembered, when selecting a chunk of text to convert to a link
perhaps automatically assign it to the "display text" part of the link,
since that is probably the most common use scenario.
Tiddlywiki converts external links automatically anyway, and handles
internal ones with camel case, so if one selects a text string and presses
the link button that is most likely the display part of the text and not
the URL

Say select "Link text" > press link button would add [[Link text| *cursor
here* ]] instead of [[Link text]]

This is a bit subjective though, I don't know what behaviour the majority
of other users expects.

The only improvement I can think of so far is that it would be great if

buttons could behave like a "toggle", that is if it could detect existing
markup and remove it on second press.

Like for example if I bold some text in my selection pressing the Bold

button again would toggle it off removing the previously applied "bold
tags".

Now that's an interesting idea that hadn't occurred to me. The same code
you would need to do that would also allow you to select an area with the
basic marks and then remove the marks.
Hmmm.

Tobias Beer

2015-02-10 19:49:47 UTC

Permalink

Post by Duarte Farrajota Ramos
So I was wondering if there is an easy way to integrate CKEditor into
tiddlywiki, intentionally keeping it as external dependency and without the
need for complex addons that need maintenance.

You should find one at http://bjtools.tiddlyspot.com

Create a tiddler and set the type to the first option.

Best wishes, Tobias.

Duarte Farrajota Ramos

2015-02-11 00:30:05 UTC

Permalink

Yes I found that one earlier here at the forum using the search. That is
exactly what I was looking for, almost perfect for me.
Unfortunately, it bumps right into my biggest fear of relying on plugins:
it naturally doesn't seem to work with the latest 5.1.7 version :(

Oh well, worth the try, thanks for the help anyway

Post by Duarte Farrajota Ramos
So I was wondering if there is an easy way to integrate CKEditor into

Post by Duarte Farrajota Ramos
tiddlywiki, intentionally keeping it as external dependency and without the
need for complex addons that need maintenance.

You should find one at http://bjtools.tiddlyspot.com/#VisualEditor
Create a tiddler and set the type to the first option.
I was quite sure I had added it before.
Anyhow, now I have added it here...
Best wishes, Tobias.

2015-02-11 01:06:46 UTC

Permalink

HI Duarte,
could you explain what problems you are seeing with the visualeditor plugin
- I have tried to with firefox and it seem to work ok with tw 5.1.7

Cheers BJ (author of visualeditor plugin)

On Tuesday, February 10, 2015 at 6:30:05 PM UTC-6, Duarte Farrajota Ramos

Post by Duarte Farrajota Ramos
Yes I found that one earlier here at the forum using the search. That is
exactly what I was looking for, almost perfect for me.
it naturally doesn't seem to work with the latest 5.1.7 version :(
Oh well, worth the try, thanks for the help anyway

Post by Duarte Farrajota Ramos
So I was wondering if there is an easy way to integrate CKEditor into

Post by Duarte Farrajota Ramos
tiddlywiki, intentionally keeping it as external dependency and without the
need for complex addons that need maintenance.

Duarte Farrajota Ramos

2015-02-11 01:33:37 UTC

Permalink

Ok, never mind, I was midway typing my post when I decided to try again and
somehow it started working, It seems I was missing a full refresh.

Just to make sure,

- I started with an empty tiddlywiki 5.1.7
- Imported the plugin by dragging the link $:/plugins/bj/visualeditor
- Accepted import
- Saved
- Refreshed
- Edited $:/plugin/bj/visualeditor/includelib to include the path
- Saved
- Refreshed browser
- Nothing

The CKEditor simply did not load. Apparently I needed to make a full
refresh (Shift+reload) of Firefox for it to actually load, a simple refresh
didn't cut it. Sorry for wasting your time.

Well I guess this will do wonderfully for now, thank you all for your time
and patience, and many thanks to BJ for the wonderful plugin, this is
exactly what I was looking for.
I already had my own customized version of CKEditor in place which I can
now happily use within tiddlywiki too

Thank you all for the help

Post by BJ
HI Duarte,
could you explain what problems you are seeing with the visualeditor
plugin - I have tried to with firefox and it seem to work ok with tw 5.1.7
Cheers BJ (author of visualeditor plugin)
On Tuesday, February 10, 2015 at 6:30:05 PM UTC-6, Duarte Farrajota Ramos

Post by Duarte Farrajota Ramos
So I was wondering if there is an easy way to integrate CKEditor into

Post by Duarte Farrajota Ramos
tiddlywiki, intentionally keeping it as external dependency and without the
need for complex addons that need maintenance.

2015-02-11 03:26:59 UTC

Permalink

On Tuesday, February 10, 2015 at 7:33:37 PM UTC-6, Duarte Farrajota Ramos

Post by Duarte Farrajota Ramos
Ok, never mind, I was midway typing my post when I decided to try again
and somehow it started working, It seems I was missing a full refresh.
Just to make sure,
- I started with an empty tiddlywiki 5.1.7
- Imported the plugin by dragging the link $:/plugins/bj/visualeditor
- Accepted import
- Saved
- Refreshed
- Edited $:/plugin/bj/visualeditor/includelib to include the path
- Saved
- Refreshed browser
- Nothing
The CKEditor simply did not load. Apparently I needed to make a full
refresh (Shift+reload) of Firefox for it to actually load, a simple refresh
didn't cut it. Sorry for wasting your time.

Thanks for the feedback; hmm firefox can be a bit quirky on occasions -
I've taken note about that behaviour.
If you want to customise ckeditor there are options in this tiddler:
$:/plugins/bj/visualeditor/config.json
and user styles here
$:/plugins/bj/visualeditor/styles.json

There some issues - its not really WYSIWYG as it does not use the
tiddlywiki styles!

enjoy

BJ

Post by Duarte Farrajota Ramos
Well I guess this will do wonderfully for now, thank you all for your time
and patience, and many thanks to BJ for the wonderful plugin, this is
exactly what I was looking for.
I already had my own customized version of CKEditor in place which I can
now happily use within tiddlywiki too
Thank you all for the help

Post by Duarte Farrajota Ramos
Yes I found that one earlier here at the forum using the search. That is
exactly what I was looking for, almost perfect for me.
Unfortunately, it bumps right into my biggest fear of relying on
plugins: it naturally doesn't seem to work with the latest 5.1.7 version :(
Oh well, worth the try, thanks for the help anyway

Post by Duarte Farrajota Ramos
So I was wondering if there is an easy way to integrate CKEditor into

Post by Duarte Farrajota Ramos
tiddlywiki, intentionally keeping it as external dependency and without the
need for complex addons that need maintenance.

Duarte Farrajota Ramos

2015-02-11 15:58:47 UTC

Permalink

Post by BJ
There some issues - its not really WYSIWYG as it does not use the
tiddlywiki styles!

I am ok with that, it is close enough to the final result. Thanks for the
tips.

This is most likely totally unrelated to the visual editor plugin itself
and probably more to do with tiddlywiki in general, but one thing I noticed
is that images inserted with html markup that use relative paths don't seem
to display well in tiddlers.
I have my tiddlywiki html file and an image jpg file on the same folder, if
I link to it inside CKEditor with something like <img src=".\image.jpg" />
or <img src="image.jpg" /> it displays correctly while I am editing inside
CKEditor, but once I save the tiddler the image is not found, then if I
edit it again it displays correctly while inside CKEditor text area.
Using a complete file:/// uri seems to work fine but that is not very
portable, wiki markup [img[image.jpg]]displays correctly too

Does tiddlywiki not support support this with HTML markup or am I doing
something wrong?

2015-02-11 18:44:12 UTC

Permalink

it works for me with the type text/x-htmlp (created as per the installation
instructions) but not with text/html (which is in an iframe), you can test
with a tiddler with type text/vnd.tiddlywiki and insert the html <image
src="myimagepath"/>.
you can also look at the html that is produced from ckeditor by changing
the type to text/plain.

On Wednesday, February 11, 2015 at 9:58:47 AM UTC-6, Duarte Farrajota Ramos

Post by Duarte Farrajota Ramos

Post by BJ
There some issues - its not really WYSIWYG as it does not use the
tiddlywiki styles!

I am ok with that, it is close enough to the final result. Thanks for the
tips.
This is most likely totally unrelated to the visual editor plugin itself
and probably more to do with tiddlywiki in general, but one thing I noticed
is that images inserted with html markup that use relative paths don't seem
to display well in tiddlers.
I have my tiddlywiki html file and an image jpg file on the same folder,
if I link to it inside CKEditor with something like <img
src=".\image.jpg" /> or <img src="image.jpg" /> it displays correctly
while I am editing inside CKEditor, but once I save the tiddler the image
is not found, then if I edit it again it displays correctly while inside
CKEditor text area.
Using a complete file:/// uri seems to work fine but that is not very
portable, wiki markup [img[image.jpg]]displays correctly too
Does tiddlywiki not support support this with HTML markup or am I doing
something wrong?

Duarte Farrajota Ramos

2015-02-11 19:08:56 UTC

Permalink

Yes that is it, it's working fine now. Should have read the whole
instructions.
Took me a while to figure out I had to manually type the content type into
the text field because in won't show up on the list automatically

Thanks for the help.

Post by BJ
it works for me with the type text/x-htmlp (created as per the
installation instructions) but not with text/html (which is in an iframe),
you can test with a tiddler with type text/vnd.tiddlywiki and insert the
html <image src="myimagepath"/>.
you can also look at the html that is produced from ckeditor by changing
the type to text/plain.
On Wednesday, February 11, 2015 at 9:58:47 AM UTC-6, Duarte Farrajota

Post by Duarte Farrajota Ramos

Post by BJ
There some issues - its not really WYSIWYG as it does not use the
tiddlywiki styles!

I am ok with that, it is close enough to the final result. Thanks for the
tips.
This is most likely totally unrelated to the visual editor plugin itself
and probably more to do with tiddlywiki in general, but one thing I noticed
is that images inserted with html markup that use relative paths don't seem
to display well in tiddlers.
I have my tiddlywiki html file and an image jpg file on the same folder,
if I link to it inside CKEditor with something like <img
src=".\image.jpg" /> or <img src="image.jpg" /> it displays correctly
while I am editing inside CKEditor, but once I save the tiddler the image
is not found, then if I edit it again it displays correctly while inside
CKEditor text area.
Using a complete file:/// uri seems to work fine but that is not very
portable, wiki markup [img[image.jpg]]displays correctly too
Does tiddlywiki not support support this with HTML markup or am I doing
something wrong?

2015-02-12 01:26:53 UTC

Permalink

I have now updated the plugin to automatically create the type for the
editor. If you update to the new version on http://bjtools.tiddlyspot.com
you will find the type on the dropdown list of types.
cheers
BJ

On Wednesday, February 11, 2015 at 1:08:56 PM UTC-6, Duarte Farrajota Ramos

Post by Duarte Farrajota Ramos
Yes that is it, it's working fine now. Should have read the whole
instructions.
Took me a while to figure out I had to manually type the content type into
the text field because in won't show up on the list automatically
Thanks for the help.

Post by Duarte Farrajota Ramos

Post by BJ
There some issues - its not really WYSIWYG as it does not use the
tiddlywiki styles!

I am ok with that, it is close enough to the final result. Thanks for
the tips.
This is most likely totally unrelated to the visual editor plugin itself
and probably more to do with tiddlywiki in general, but one thing I noticed
is that images inserted with html markup that use relative paths don't seem
to display well in tiddlers.
I have my tiddlywiki html file and an image jpg file on the same folder,
if I link to it inside CKEditor with something like <img
src=".\image.jpg" /> or <img src="image.jpg" /> it displays correctly
while I am editing inside CKEditor, but once I save the tiddler the image
is not found, then if I edit it again it displays correctly while inside
CKEditor text area.
Using a complete file:/// uri seems to work fine but that is not very
portable, wiki markup [img[image.jpg]]displays correctly too
Does tiddlywiki not support support this with HTML markup or am I doing
something wrong?

Duarte Farrajota Ramos

2015-02-12 01:57:06 UTC

Permalink

Much better now, installation is a breeze.
Also just copied my personal config.js into $:/
plugins/bj/visualeditor/config.json so I got my own fully customized version

Thanks for the update, great addon

Post by BJ
I have now updated the plugin to automatically create the type for the
editor. If you update to the new version on http://bjtools.tiddlyspot.com
you will find the type on the dropdown list of types.
cheers
BJ
On Wednesday, February 11, 2015 at 1:08:56 PM UTC-6, Duarte Farrajota

Post by Duarte Farrajota Ramos
Yes that is it, it's working fine now. Should have read the whole
instructions.
Took me a while to figure out I had to manually type the content type
into the text field because in won't show up on the list automatically
Thanks for the help.

Post by Duarte Farrajota Ramos

Post by BJ
There some issues - its not really WYSIWYG as it does not use the
tiddlywiki styles!

I am ok with that, it is close enough to the final result. Thanks for
the tips.
This is most likely totally unrelated to the visual editor plugin
itself and probably more to do with tiddlywiki in general, but one thing I
noticed is that images inserted with html markup that use relative paths
don't seem to display well in tiddlers.
I have my tiddlywiki html file and an image jpg file on the same
folder, if I link to it inside CKEditor with something like <img
src=".\image.jpg" /> or <img src="image.jpg" /> it displays correctly
while I am editing inside CKEditor, but once I save the tiddler the image
is not found, then if I edit it again it displays correctly while inside
CKEditor text area.
Using a complete file:/// uri seems to work fine but that is not very
portable, wiki markup [img[image.jpg]]displays correctly too
Does tiddlywiki not support support this with HTML markup or am I doing
something wrong?

Tobias Beer

2015-02-11 08:41:03 UTC

Permalink

Post by Duarte Farrajota Ramos
The CKEditor simply did not load. Apparently I needed to make a full
refresh (Shift+reload) of Firefox for it to actually load, a simple refresh
didn't cut it. Sorry for wasting your time.

Not sure what it is but I believe it needs some extra amount of time
initializing (over the web / in TiddlyWiki). First looking at things, it's
always either blank or entirely scrambled. After a bit it seems to yield
the expected editor.

Best wishes, Tobias.

2015-02-11 15:58:53 UTC

Permalink

ckeditor lazy loads its files, so the first time the editor is used there
is a delay while these files are retrieved. Also ckeditor (as a default)
loads the editor instances into iframes. My working assumption is that the
(first use) iframe is taking longer to become ready because of this, and,
for some (unknown) reason, the parent window is not waiting for it to be
ready. - this would explain why sometimes there is a 'unknow' script error
thrown. - the error comes from the iframe and for security the browser
strip the error message (hence it is 'unknow') - probably the parent is
sending a message to the iframe which causes it to reference some object
that has yet to be loaded/ready.

I can think of a few ways to avoid this behavior (simplest is to use a
local copy of the lib as you hint at) but not how to solve it (I cannot
find a bug report for this on the net - so maybe it is tw5 specific)

Debugging this involves loading a dev version of the ckeditor and putting
in some debug. Ckeditor is on the same level of complexity as tw5, so it
may take me a lot of effort to track down the cause.

The issue is annoying but not serious, so it is on hold at the moment.

Post by Duarte Farrajota Ramos
The CKEditor simply did not load. Apparently I needed to make a full

Post by Duarte Farrajota Ramos
refresh (Shift+reload) of Firefox for it to actually load, a simple refresh
didn't cut it. Sorry for wasting your time.

Tobias Beer

2015-02-12 07:16:23 UTC

Permalink

Hi BJ,

I just noticed that â while you can't put any macros â you can actually put
widgets alongside html (in source mode). What you don't see is some
placeholder in CKEditor that hints at you that it's there.

Now I am wondering whether CKEditor does allow for something like
"widgets"... so we could at least see a placeholder with the widget code
and upon clicking we'd be editing that core widget.

Perhaps a CKEditor plugin could be written that allows to insert and edit a
number of TiddlyWiki widgets, even with placeholders for the corresponding
attributes?

Best wishes, Tobias.

2015-02-12 12:39:29 UTC

Permalink

Hi Tobias,
if you look in the widget's source you will see that an 'x-perimental' type
can be enabled - I cannot decide if it is a good thing or not - I don't
plan to support it at the moment
cheers

BJ

Post by Tobias Beer
Hi BJ,
I just noticed that â while you can't put any macros â you can actually
put widgets alongside html (in source mode). What you don't see is some
placeholder in CKEditor that hints at you that it's there.
Now I am wondering whether CKEditor does allow for something like
"widgets"... so we could at least see a placeholder with the widget code
and upon clicking we'd be editing that core widget.
Perhaps a CKEditor plugin could be written that allows to insert and edit
a number of TiddlyWiki widgets, even with placeholders for the
corresponding attributes?
Best wishes, Tobias.
--
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/nMLwo2eRRqE/unsubscribe.
To unsubscribe from this group and all its topics, send an email to
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.

Duarte Farrajota Ramos

2015-07-13 16:11:41 UTC

Permalink

Hey BJ
Sorry to bother you and dig up this old post, there a few major releases in
the meantime, and I was wondering if I could try the new CKEditor 4.5.1
with the fresh new tiddlywiki 5.1.9
Turns out there must have been some deeper changes on both sides that seem
to be preventing it from working correctly. I mean CKEditor seems load
inside tiddlywiki but it appears all greyed out, I can't type or press any
of the buttons.
Did I do something wrong along installation, or did the deeper changes
really break the fragile compatibility?
Do you think you could be bothered to update for the latest versions, would
it be worth your while?? Very few people seem to be using this, so I
totally understand if you don't.

Thanks, Duarte

Post by BJ
Hi Tobias,
if you look in the widget's source you will see that an 'x-perimental'
type can be enabled - I cannot decide if it is a good thing or not - I
don't plan to support it at the moment
cheers
BJ

Post by Tobias Beer
Hi BJ,
I just noticed that â while you can't put any macros â you can actually
put widgets alongside html (in source mode). What you don't see is some
placeholder in CKEditor that hints at you that it's there.
Now I am wondering whether CKEditor does allow for something like
"widgets"... so we could at least see a placeholder with the widget code
and upon clicking we'd be editing that core widget.
Perhaps a CKEditor plugin could be written that allows to insert and edit
a number of TiddlyWiki widgets, even with placeholders for the
corresponding attributes?
Best wishes, Tobias.
--
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/nMLwo2eRRqE/unsubscribe.
To unsubscribe from this group and all its topics, send an email to
<javascript:>.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.

--
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+***@googlegroups.com.
To post to this group, send email to ***@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/3cbee0cf-29aa-4ca4-bf4f-b98d4063de3c%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

2015-07-13 20:23:37 UTC

Permalink

Hi Duarte,
well I like to please my customers,( and as far as I know that means just
you!) and so have downloaded 4.5.1 and have tried it with 5.1.9 - and it
seems to work ok. If you can put you tiddlywiki online somewhere that I can
see it I will try and workout why it doesn't work for you.

Cheers

BJ

Post by Duarte Farrajota Ramos
Hey BJ
Sorry to bother you and dig up this old post, there a few major releases
in the meantime, and I was excited to try the new CKEditor 4.5.1 with the
fresh new TiddlyWiki 5.1.9
Turns out there must have been some deeper changes on both sides that seem
to be preventing it from working correctly. I mean CKEditor seems load
inside tiddlywiki but it appears all greyed out, I can't type or press any
of the buttons.
Did I do something wrong along installation, or did the deeper changes
really break the fragile compatibility?
Do you think you could be bothered to update for the latest versions,
would it be worth your while?? Very few people seem to be using this, so I
totally understand if you don't.
Thanks, Duarte

Post by Tobias Beer
Hi BJ,
I just noticed that â while you can't put any macros â you can actually
put widgets alongside html (in source mode). What you don't see is some
placeholder in CKEditor that hints at you that it's there.
Now I am wondering whether CKEditor does allow for something like
"widgets"... so we could at least see a placeholder with the widget code
and upon clicking we'd be editing that core widget.
Perhaps a CKEditor plugin could be written that allows to insert and
edit a number of TiddlyWiki widgets, even with placeholders for the
corresponding attributes?
Best wishes, Tobias.
--
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/nMLwo2eRRqE/unsubscribe.
To unsubscribe from this group and all its topics, send an email to
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.

--
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+***@googlegroups.com.
To post to this group, send email to ***@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/301945c7-97a1-4c69-a9b6-af3907d3d95f%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Duarte Farrajota Ramos

2015-07-14 01:49:29 UTC

Permalink

Haha that's very kind of you thanks for the wonderful support. The problem
once again seems to be between the seat and the keyboard luckily for you.

Some wacky combination of CKEditor plugins (built from CK builder website)
seems to be the culprit of the malfunction, it works fine in the provided
samples page but fails to load inside tiddlywiki
It is simply solved by downloading a standard CKeditor build, I'll try
adding plugins one by one and see if I can find which ones are causing
trouble.
If you are interested I can still provide a broken CKEditor build, but
that's probably just a waste of time.

Anyway thanks for your availability, much appreciated :)

Post by BJ
Hi Duarte,
well I like to please my customers,( and as far as I know that means just
you!) and so have downloaded 4.5.1 and have tried it with 5.1.9 - and it
seems to work ok. If you can put you tiddlywiki online somewhere that I can
see it I will try and workout why it doesn't work for you.
Cheers
BJ

Post by Duarte Farrajota Ramos
Hey BJ
Sorry to bother you and dig up this old post, there a few major releases
in the meantime, and I was excited to try the new CKEditor 4.5.1 with the
fresh new TiddlyWiki 5.1.9
Turns out there must have been some deeper changes on both sides that
seem to be preventing it from working correctly. I mean CKEditor seems load
inside tiddlywiki but it appears all greyed out, I can't type or press any
of the buttons.
Did I do something wrong along installation, or did the deeper changes
really break the fragile compatibility?
Do you think you could be bothered to update for the latest versions,
would it be worth your while?? Very few people seem to be using this, so I
totally understand if you don't.
Thanks, Duarte

Post by Tobias Beer
Hi BJ,
I just noticed that â while you can't put any macros â you can actually
put widgets alongside html (in source mode). What you don't see is some
placeholder in CKEditor that hints at you that it's there.
Now I am wondering whether CKEditor does allow for something like
"widgets"... so we could at least see a placeholder with the widget code
and upon clicking we'd be editing that core widget.
Perhaps a CKEditor plugin could be written that allows to insert and
edit a number of TiddlyWiki widgets, even with placeholders for the
corresponding attributes?
Best wishes, Tobias.
--
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/nMLwo2eRRqE/unsubscribe.
To unsubscribe from this group and all its topics, send an email to
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.

--
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+***@googlegroups.com.
To post to this group, send email to ***@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/ccd84e9d-de8d-44c1-8229-29b6c002af70%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

2015-07-14 04:52:18 UTC

Permalink

I have not finished the work for the ckeditor, I plan on adding support for
the divarea plugin to enable styles (I have this working on twclassic), but
I have a lot of projects and am only one. Let me know what was causing your
problems - I might fix it !
cheers
BJ

Post by Duarte Farrajota Ramos
Haha that's very kind of you thanks for the wonderful support. The problem
once again seems to be between the seat and the keyboard luckily for you.
Some wacky combination of CKEditor plugins (built from CK builder website)
seems to be the culprit of the malfunction, it works fine in the provided
samples page but fails to load inside tiddlywiki
It is simply solved by downloading a standard CKeditor build, I'll try
adding plugins one by one and see if I can find which ones are causing
trouble.
If you are interested I can still provide a broken CKEditor build, but
that's probably just a waste of time.
Anyway thanks for your availability, much appreciated :)

Post by Duarte Farrajota Ramos
Hey BJ
Sorry to bother you and dig up this old post, there a few major releases
in the meantime, and I was excited to try the new CKEditor 4.5.1 with the
fresh new TiddlyWiki 5.1.9
Turns out there must have been some deeper changes on both sides that
seem to be preventing it from working correctly. I mean CKEditor seems load
inside tiddlywiki but it appears all greyed out, I can't type or press any
of the buttons.
Did I do something wrong along installation, or did the deeper changes
really break the fragile compatibility?
Do you think you could be bothered to update for the latest versions,
would it be worth your while?? Very few people seem to be using this, so I
totally understand if you don't.
Thanks, Duarte

Post by Tobias Beer
Hi BJ,
I just noticed that â while you can't put any macros â you can
actually put widgets alongside html (in source mode). What you don't see is
some placeholder in CKEditor that hints at you that it's there.
Now I am wondering whether CKEditor does allow for something like
"widgets"... so we could at least see a placeholder with the widget code
and upon clicking we'd be editing that core widget.
Perhaps a CKEditor plugin could be written that allows to insert and
edit a number of TiddlyWiki widgets, even with placeholders for the
corresponding attributes?
Best wishes, Tobias.
--
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/nMLwo2eRRqE/unsubscribe.
To unsubscribe from this group and all its topics, send an email to
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.

--
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+***@googlegroups.com.
To post to this group, send email to ***@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/c8798f5d-445a-4fc3-8473-9836cb0dc73a%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Duarte Farrajota Ramos

2015-07-14 10:21:05 UTC

Permalink

Styles will be a welcome addition certainly. For now I managed to get it
working with the plugins I needed, nothing too fancy.
Only real complaint I have at the moment is that small glitch while loading
CKEditor which temporarily messes up the layout until you start typing and
it all falls back into place, but I can live with that.

What I don't really understand well how to use is the styles.json tiddler
at $:/plugins/bj/visualeditor/styles.json and what notation must be used
there
I know you add styles there, but I can't tell how to set them apart for the
"Paragraph Format" and "Formatting Styles" menus, or how to add a few
simple "H1" and "H2" elements without additional "styles" for example, or
"Block quotes" or "<Code>".
Playing around with it is a bit cumbersome, because any wrong combination
or mistake will generate a javascript error and prevent tiddlywiki from
booting properly.

Post by BJ
I have not finished the work for the ckeditor, I plan on adding support
for the divarea plugin to enable styles (I have this working on twclassic),
but I have a lot of projects and am only one. Let me know what was causing
your problems - I might fix it !
cheers
BJ

Post by Duarte Farrajota Ramos
Haha that's very kind of you thanks for the wonderful support. The
problem once again seems to be between the seat and the keyboard luckily
for you.
Some wacky combination of CKEditor plugins (built from CK builder
website) seems to be the culprit of the malfunction, it works fine in the
provided samples page but fails to load inside tiddlywiki
It is simply solved by downloading a standard CKeditor build, I'll try
adding plugins one by one and see if I can find which ones are causing
trouble.
If you are interested I can still provide a broken CKEditor build, but
that's probably just a waste of time.
Anyway thanks for your availability, much appreciated :)

Post by BJ
Hi Duarte,
well I like to please my customers,( and as far as I know that means
just you!) and so have downloaded 4.5.1 and have tried it with 5.1.9 - and
it seems to work ok. If you can put you tiddlywiki online somewhere that I
can see it I will try and workout why it doesn't work for you.
Cheers
BJ

Post by Duarte Farrajota Ramos
Hey BJ
Sorry to bother you and dig up this old post, there a few major
releases in the meantime, and I was excited to try the new CKEditor 4.5.1
with the fresh new TiddlyWiki 5.1.9
Turns out there must have been some deeper changes on both sides that
seem to be preventing it from working correctly. I mean CKEditor seems load
inside tiddlywiki but it appears all greyed out, I can't type or press any
of the buttons.
Did I do something wrong along installation, or did the deeper changes
really break the fragile compatibility?
Do you think you could be bothered to update for the latest versions,
would it be worth your while?? Very few people seem to be using this, so I
totally understand if you don't.
Thanks, Duarte

Post by Tobias Beer
Hi BJ,
I just noticed that â while you can't put any macros â you can
actually put widgets alongside html (in source mode). What you don't see is
some placeholder in CKEditor that hints at you that it's there.
Now I am wondering whether CKEditor does allow for something like
"widgets"... so we could at least see a placeholder with the widget code
and upon clicking we'd be editing that core widget.
Perhaps a CKEditor plugin could be written that allows to insert and
edit a number of TiddlyWiki widgets, even with placeholders for the
corresponding attributes?
Best wishes, Tobias.
--
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/nMLwo2eRRqE/unsubscribe.
To unsubscribe from this group and all its topics, send an email to
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.

--
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+***@googlegroups.com.
To post to this group, send email to ***@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/feea04b8-582f-412f-af99-bc99eda1a834%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

2015-07-14 11:57:08 UTC

Permalink

The styles are explained here:

http://docs.ckeditor.com/#!/guide/dev_styles

For editing json tiddlers there is the json editor plugin at bjtools, it is
at present a bit clunky, you have to click buttons to save elements and
then save the tiddler which is not intuitive, but it save you from having
to pretend you are a json parser!

all the best

BJ

On Tuesday, July 14, 2015 at 11:21:05 AM UTC+1, Duarte Farrajota Ramos

Post by Duarte Farrajota Ramos
Styles will be a welcome addition certainly. For now I managed to get it
working with the plugins I needed, nothing too fancy.
Only real complaint I have at the moment is that small glitch while
loading CKEditor which temporarily messes up the layout until you start
typing and it all falls back into place, but I can live with that.
What I don't really understand well how to use is the styles.json tiddler
at $:/plugins/bj/visualeditor/styles.json and what notation must be used
there
I know you add styles there, but I can't tell how to set them apart for
the "Paragraph Format" and "Formatting Styles" menus, or how to add a few
simple "H1" and "H2" elements without additional "styles" for example, or
"Block quotes" or "<Code>".
Playing around with it is a bit cumbersome, because any wrong combination
or mistake will generate a javascript error and prevent tiddlywiki from
booting properly.

Post by Duarte Farrajota Ramos
Haha that's very kind of you thanks for the wonderful support. The
problem once again seems to be between the seat and the keyboard luckily
for you.
Some wacky combination of CKEditor plugins (built from CK builder
website) seems to be the culprit of the malfunction, it works fine in the
provided samples page but fails to load inside tiddlywiki
It is simply solved by downloading a standard CKeditor build, I'll try
adding plugins one by one and see if I can find which ones are causing
trouble.
If you are interested I can still provide a broken CKEditor build, but
that's probably just a waste of time.
Anyway thanks for your availability, much appreciated :)

Post by BJ
Hi Duarte,
well I like to please my customers,( and as far as I know that means
just you!) and so have downloaded 4.5.1 and have tried it with 5.1.9 - and
it seems to work ok. If you can put you tiddlywiki online somewhere that I
can see it I will try and workout why it doesn't work for you.
Cheers
BJ

Post by Duarte Farrajota Ramos
Hey BJ
Sorry to bother you and dig up this old post, there a few major
releases in the meantime, and I was excited to try the new CKEditor 4.5.1
with the fresh new TiddlyWiki 5.1.9
Turns out there must have been some deeper changes on both sides that
seem to be preventing it from working correctly. I mean CKEditor seems load
inside tiddlywiki but it appears all greyed out, I can't type or press any
of the buttons.
Did I do something wrong along installation, or did the deeper changes
really break the fragile compatibility?
Do you think you could be bothered to update for the latest versions,
would it be worth your while?? Very few people seem to be using this, so I
totally understand if you don't.
Thanks, Duarte

Post by BJ
Hi Tobias,
if you look in the widget's source you will see that an
'x-perimental' type can be enabled - I cannot decide if it is a good thing
or not - I don't plan to support it at the moment
cheers
BJ

Post by Tobias Beer
Hi BJ,
I just noticed that â while you can't put any macros â you can
actually put widgets alongside html (in source mode). What you don't see is
some placeholder in CKEditor that hints at you that it's there.
Now I am wondering whether CKEditor does allow for something like
"widgets"... so we could at least see a placeholder with the widget code
and upon clicking we'd be editing that core widget.
Perhaps a CKEditor plugin could be written that allows to insert and
edit a number of TiddlyWiki widgets, even with placeholders for the
corresponding attributes?
Best wishes, Tobias.
--
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/nMLwo2eRRqE/unsubscribe
.
To unsubscribe from this group and all its topics, send an email to
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.

--
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+***@googlegroups.com.
To post to this group, send email to ***@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/d258d96f-64dd-4615-b924-d9bb7a9557db%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

2015-07-14 12:28:11 UTC

Permalink

It looks like the 'div area editor' is working. When you build your version
of ckeditor online, you can select the 'div area editor' plugin and remove
the 'iframe area editor' plugin. The will allow the editor to use the
correct styles in tiddlywiki whilst editing.

cheers

BJ

On Tuesday, July 14, 2015 at 11:21:05 AM UTC+1, Duarte Farrajota Ramos

Post by Duarte Farrajota Ramos
Haha that's very kind of you thanks for the wonderful support. The
problem once again seems to be between the seat and the keyboard luckily
for you.
Some wacky combination of CKEditor plugins (built from CK builder
website) seems to be the culprit of the malfunction, it works fine in the
provided samples page but fails to load inside tiddlywiki
It is simply solved by downloading a standard CKeditor build, I'll try
adding plugins one by one and see if I can find which ones are causing
trouble.
If you are interested I can still provide a broken CKEditor build, but
that's probably just a waste of time.
Anyway thanks for your availability, much appreciated :)

Post by BJ
Hi Duarte,
well I like to please my customers,( and as far as I know that means
just you!) and so have downloaded 4.5.1 and have tried it with 5.1.9 - and
it seems to work ok. If you can put you tiddlywiki online somewhere that I
can see it I will try and workout why it doesn't work for you.
Cheers
BJ

Post by Duarte Farrajota Ramos
Hey BJ
Sorry to bother you and dig up this old post, there a few major
releases in the meantime, and I was excited to try the new CKEditor 4.5.1
with the fresh new TiddlyWiki 5.1.9
Turns out there must have been some deeper changes on both sides that
seem to be preventing it from working correctly. I mean CKEditor seems load
inside tiddlywiki but it appears all greyed out, I can't type or press any
of the buttons.
Did I do something wrong along installation, or did the deeper changes
really break the fragile compatibility?
Do you think you could be bothered to update for the latest versions,
would it be worth your while?? Very few people seem to be using this, so I
totally understand if you don't.
Thanks, Duarte

Post by BJ
Hi Tobias,
if you look in the widget's source you will see that an
'x-perimental' type can be enabled - I cannot decide if it is a good thing
or not - I don't plan to support it at the moment
cheers
BJ

Post by Tobias Beer
Hi BJ,
I just noticed that â while you can't put any macros â you can
actually put widgets alongside html (in source mode). What you don't see is
some placeholder in CKEditor that hints at you that it's there.
Now I am wondering whether CKEditor does allow for something like
"widgets"... so we could at least see a placeholder with the widget code
and upon clicking we'd be editing that core widget.
Perhaps a CKEditor plugin could be written that allows to insert and
edit a number of TiddlyWiki widgets, even with placeholders for the
corresponding attributes?
Best wishes, Tobias.
--
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/nMLwo2eRRqE/unsubscribe
.
To unsubscribe from this group and all its topics, send an email to
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.

--
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+***@googlegroups.com.
To post to this group, send email to ***@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/c66d635f-6947-4d9e-849f-5750ac680bd7%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Duarte Farrajota Ramos

2015-07-14 14:46:04 UTC

Permalink

Gave it a try and it did work, however I didn't see much difference in the
editing area, it was still styled differently from the rest of tiddlywiki,
althought I am quite ok with that.
It did break some other functionality, like the floating bar always
appearing out of place outside the editing text area, and the menus stopped
staying open, they close immediately uppon clicking.

I tried copy pasting from the provided default CKEditor styles.js into the
styles tiddler and I can't seem to get it to work. the styles menu either
just gets greyed out and won't open or gives a javascript error.

Post by BJ
It looks like the 'div area editor' is working. When you build your
version of ckeditor online, you can select the 'div area editor' plugin and
remove the 'iframe area editor' plugin. The will allow the editor to use
the correct styles in tiddlywiki whilst editing.
cheers
BJ
On Tuesday, July 14, 2015 at 11:21:05 AM UTC+1, Duarte Farrajota Ramos

Post by Duarte Farrajota Ramos
Haha that's very kind of you thanks for the wonderful support. The
problem once again seems to be between the seat and the keyboard luckily
for you.
Some wacky combination of CKEditor plugins (built from CK builder
website) seems to be the culprit of the malfunction, it works fine in the
provided samples page but fails to load inside tiddlywiki
It is simply solved by downloading a standard CKeditor build, I'll try
adding plugins one by one and see if I can find which ones are causing
trouble.
If you are interested I can still provide a broken CKEditor build, but
that's probably just a waste of time.
Anyway thanks for your availability, much appreciated :)

Post by BJ
Hi Duarte,
well I like to please my customers,( and as far as I know that means
just you!) and so have downloaded 4.5.1 and have tried it with 5.1.9 - and
it seems to work ok. If you can put you tiddlywiki online somewhere that I
can see it I will try and workout why it doesn't work for you.
Cheers
BJ

Post by Duarte Farrajota Ramos
Hey BJ
Sorry to bother you and dig up this old post, there a few major
releases in the meantime, and I was excited to try the new CKEditor 4.5.1
with the fresh new TiddlyWiki 5.1.9
Turns out there must have been some deeper changes on both sides that
seem to be preventing it from working correctly. I mean CKEditor seems load
inside tiddlywiki but it appears all greyed out, I can't type or press any
of the buttons.
Did I do something wrong along installation, or did the deeper
changes really break the fragile compatibility?
Do you think you could be bothered to update for the latest versions,
would it be worth your while?? Very few people seem to be using this, so I
totally understand if you don't.
Thanks, Duarte

Post by BJ
Hi Tobias,
if you look in the widget's source you will see that an
'x-perimental' type can be enabled - I cannot decide if it is a good thing
or not - I don't plan to support it at the moment
cheers
BJ

Post by Tobias Beer
Hi BJ,
I just noticed that â while you can't put any macros â you can
actually put widgets alongside html (in source mode). What you don't see is
some placeholder in CKEditor that hints at you that it's there.
Now I am wondering whether CKEditor does allow for something like
"widgets"... so we could at least see a placeholder with the widget code
and upon clicking we'd be editing that core widget.
Perhaps a CKEditor plugin could be written that allows to insert
and edit a number of TiddlyWiki widgets, even with placeholders for the
corresponding attributes?
Best wishes, Tobias.
--
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/nMLwo2eRRqE/unsubscribe
.
To unsubscribe from this group and all its topics, send an email to
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.

--
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+***@googlegroups.com.
To post to this group, send email to ***@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/9b37f30b-a013-460b-945a-25d8bb360ed4%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

2015-07-14 16:35:24 UTC

Permalink

I only tried the div plugin with a basic setup, maybe it does not play well
with other plugins.

The styles need to be a json:

[{"name":"Italic
Title","element":"h2","styles":{"font-style":"italic"}},{"name":"Subtitle","element":"h3","styles":{"color":"#aaa","font-style":"italic"}},{"name":"Special
Container","element":"div","styles":{"padding":"5px
10px","background":"#eee","border":"1px solid
#ccc"}},{"name":"Strong","element":"strong","overrides":"b"},{"name":"Emphasis","element":"em","overrides":"i"},{"name":"Underline","element":"u"},{"name":"Strikethrough","element":"strike"},{"name":"Subscript","element":"sub"},{"name":"Superscript","element":"sup"},{"name":"Marker","element":"span","attributes":{"class":"marker"}},{"name":"Big","element":"big"},{"name":"Small","element":"small"},{"name":"Typewriter","element":"tt"},{"name":"Computer
Code","element":"code"},{"name":"Keyboard
Phrase","element":"kbd"},{"name":"Sample
Text","element":"samp"},{"name":"Variable","element":"var"},{"name":"Deleted
Text","element":"del"},{"name":"Inserted
Text","element":"ins"},{"name":"Cited
Work","element":"cite"},{"name":"Inline
Quotation","element":"q"},{"name":"Language:
RTL","element":"span","attributes":{"dir":"rtl"}},{"name":"Language:
LTR","element":"span","attributes":{"dir":"ltr"}},{"name":"Styled image
(left)","element":"img","attributes":{"class":"left"}},{"name":"Styled
image
(right)","element":"img","attributes":{"class":"right"}},{"name":"Compact
table","element":"table","attributes":{"cellpadding":"5","cellspacing":"0","border":"1","bordercolor":"#ccc"},"styles":{"border-collapse":"collapse"}},{"name":"Borderless
Table","element":"table","styles":{"border-style":"hidden","background-color":"#E6E6FA"}},{"name":"Square
Bulleted List","element":"ul","styles":{"list-style-type":"square"}}]

Post by Duarte Farrajota Ramos
Gave it a try and it did work, however I didn't see much difference in the
editing area, it was still styled differently from the rest of tiddlywiki,
althought I am quite ok with that.
It did break some other functionality, like the floating bar always
appearing out of place outside the editing text area, and the menus stopped
staying open, they close immediately uppon clicking.
I tried copy pasting from the provided default CKEditor styles.js into the
styles tiddler and I can't seem to get it to work. the styles menu either
just gets greyed out and won't open or gives a javascript error.

Post by Duarte Farrajota Ramos
Styles will be a welcome addition certainly. For now I managed to get it
working with the plugins I needed, nothing too fancy.
Only real complaint I have at the moment is that small glitch while
loading CKEditor which temporarily messes up the layout until you start
typing and it all falls back into place, but I can live with that.
What I don't really understand well how to use is the styles.json
tiddler at $:/plugins/bj/visualeditor/styles.json and what notation
must be used there
I know you add styles there, but I can't tell how to set them apart for
the "Paragraph Format" and "Formatting Styles" menus, or how to add a few
simple "H1" and "H2" elements without additional "styles" for example, or
"Block quotes" or "<Code>".
Playing around with it is a bit cumbersome, because any wrong
combination or mistake will generate a javascript error and prevent
tiddlywiki from booting properly.

Post by Duarte Farrajota Ramos
Haha that's very kind of you thanks for the wonderful support. The
problem once again seems to be between the seat and the keyboard luckily
for you.
Some wacky combination of CKEditor plugins (built from CK builder
website) seems to be the culprit of the malfunction, it works fine in the
provided samples page but fails to load inside tiddlywiki
It is simply solved by downloading a standard CKeditor build, I'll try
adding plugins one by one and see if I can find which ones are causing
trouble.
If you are interested I can still provide a broken CKEditor build, but
that's probably just a waste of time.
Anyway thanks for your availability, much appreciated :)

Post by BJ
Hi Duarte,
well I like to please my customers,( and as far as I know that means
just you!) and so have downloaded 4.5.1 and have tried it with 5.1.9 - and
it seems to work ok. If you can put you tiddlywiki online somewhere that I
can see it I will try and workout why it doesn't work for you.
Cheers
BJ

Post by Duarte Farrajota Ramos
Hey BJ
Sorry to bother you and dig up this old post, there a few major
releases in the meantime, and I was excited to try the new CKEditor 4.5.1
with the fresh new TiddlyWiki 5.1.9
Turns out there must have been some deeper changes on both sides
that seem to be preventing it from working correctly. I mean CKEditor seems
load inside tiddlywiki but it appears all greyed out, I can't type or press
any of the buttons.
Did I do something wrong along installation, or did the deeper
changes really break the fragile compatibility?
Do you think you could be bothered to update for the latest
versions, would it be worth your while?? Very few people seem to be using
this, so I totally understand if you don't.
Thanks, Duarte

Post by BJ
Hi Tobias,
if you look in the widget's source you will see that an
'x-perimental' type can be enabled - I cannot decide if it is a good thing
or not - I don't plan to support it at the moment
cheers
BJ

Post by Tobias Beer
Hi BJ,
I just noticed that â while you can't put any macros â you can
actually put widgets alongside html (in source mode). What you don't see is
some placeholder in CKEditor that hints at you that it's there.
Now I am wondering whether CKEditor does allow for something like
"widgets"... so we could at least see a placeholder with the widget code
and upon clicking we'd be editing that core widget.
Perhaps a CKEditor plugin could be written that allows to insert
and edit a number of TiddlyWiki widgets, even with placeholders for the
corresponding attributes?
Best wishes, Tobias.
--
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/nMLwo2eRRqE/unsubscribe
.
To unsubscribe from this group and all its topics, send an email
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.

--
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+***@googlegroups.com.
To post to this group, send email to ***@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/0ab84695-fe28-4543-966c-5a3209cac0be%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Duarte Farrajota Ramos

2015-07-14 17:02:08 UTC

Permalink

Well that worked like a charm, I guess I pretty much hit my limitations at
copy pasting stuff around.
Additionally I did notice that this new version of CKEditor seems to
alleviate the spacing issues at launch with Tiddlywiki, more often then not
it opens and sizes correctly, which is a plus :D

Once again many thank you for your time and patience, and for the wonderful
support!

Post by BJ
I only tried the div plugin with a basic setup, maybe it does not play
well with other plugins.
[{"name":"Italic
Title","element":"h2","styles":{"font-style":"italic"}},{"name":"Subtitle","element":"h3","styles":{"color":"#aaa","font-style":"italic"}},{"name":"Special
Container","element":"div","styles":{"padding":"5px
10px","background":"#eee","border":"1px solid
#ccc"}},{"name":"Strong","element":"strong","overrides":"b"},{"name":"Emphasis","element":"em","overrides":"i"},{"name":"Underline","element":"u"},{"name":"Strikethrough","element":"strike"},{"name":"Subscript","element":"sub"},{"name":"Superscript","element":"sup"},{"name":"Marker","element":"span","attributes":{"class":"marker"}},{"name":"Big","element":"big"},{"name":"Small","element":"small"},{"name":"Typewriter","element":"tt"},{"name":"Computer
Code","element":"code"},{"name":"Keyboard
Phrase","element":"kbd"},{"name":"Sample
Text","element":"samp"},{"name":"Variable","element":"var"},{"name":"Deleted
Text","element":"del"},{"name":"Inserted
Text","element":"ins"},{"name":"Cited
Work","element":"cite"},{"name":"Inline
LTR","element":"span","attributes":{"dir":"ltr"}},{"name":"Styled image
(left)","element":"img","attributes":{"class":"left"}},{"name":"Styled
image
(right)","element":"img","attributes":{"class":"right"}},{"name":"Compact
table","element":"table","attributes":{"cellpadding":"5","cellspacing":"0","border":"1","bordercolor":"#ccc"},"styles":{"border-collapse":"collapse"}},{"name":"Borderless
Table","element":"table","styles":{"border-style":"hidden","background-color":"#E6E6FA"}},{"name":"Square
Bulleted List","element":"ul","styles":{"list-style-type":"square"}}]

Post by Duarte Farrajota Ramos
Gave it a try and it did work, however I didn't see much difference in
the editing area, it was still styled differently from the rest of
tiddlywiki, althought I am quite ok with that.
It did break some other functionality, like the floating bar always
appearing out of place outside the editing text area, and the menus stopped
staying open, they close immediately uppon clicking.
I tried copy pasting from the provided default CKEditor styles.js into
the styles tiddler and I can't seem to get it to work. the styles menu
either just gets greyed out and won't open or gives a javascript error.

Post by Duarte Farrajota Ramos
Styles will be a welcome addition certainly. For now I managed to get
it working with the plugins I needed, nothing too fancy.
Only real complaint I have at the moment is that small glitch while
loading CKEditor which temporarily messes up the layout until you start
typing and it all falls back into place, but I can live with that.
What I don't really understand well how to use is the styles.json
tiddler at $:/plugins/bj/visualeditor/styles.json and what notation
must be used there
I know you add styles there, but I can't tell how to set them apart for
the "Paragraph Format" and "Formatting Styles" menus, or how to add a few
simple "H1" and "H2" elements without additional "styles" for example, or
"Block quotes" or "<Code>".
Playing around with it is a bit cumbersome, because any wrong
combination or mistake will generate a javascript error and prevent
tiddlywiki from booting properly.

Post by BJ
I have not finished the work for the ckeditor, I plan on adding
support for the divarea plugin to enable styles (I have this working on
twclassic), but I have a lot of projects and am only one. Let me know what
was causing your problems - I might fix it !
cheers
BJ

Post by Duarte Farrajota Ramos
Haha that's very kind of you thanks for the wonderful support. The
problem once again seems to be between the seat and the keyboard luckily
for you.
Some wacky combination of CKEditor plugins (built from CK builder
website) seems to be the culprit of the malfunction, it works fine in the
provided samples page but fails to load inside tiddlywiki
It is simply solved by downloading a standard CKeditor build, I'll
try adding plugins one by one and see if I can find which ones are causing
trouble.
If you are interested I can still provide a broken CKEditor build,
but that's probably just a waste of time.
Anyway thanks for your availability, much appreciated :)

Post by BJ
Hi Duarte,
well I like to please my customers,( and as far as I know that means
just you!) and so have downloaded 4.5.1 and have tried it with 5.1.9 - and
it seems to work ok. If you can put you tiddlywiki online somewhere that I
can see it I will try and workout why it doesn't work for you.
Cheers
BJ

Post by Duarte Farrajota Ramos
Hey BJ
Sorry to bother you and dig up this old post, there a few major
releases in the meantime, and I was excited to try the new CKEditor 4.5.1
with the fresh new TiddlyWiki 5.1.9
Turns out there must have been some deeper changes on both sides
that seem to be preventing it from working correctly. I mean CKEditor seems
load inside tiddlywiki but it appears all greyed out, I can't type or press
any of the buttons.
Did I do something wrong along installation, or did the deeper
changes really break the fragile compatibility?
Do you think you could be bothered to update for the latest
versions, would it be worth your while?? Very few people seem to be using
this, so I totally understand if you don't.
Thanks, Duarte

Post by BJ
Hi Tobias,
if you look in the widget's source you will see that an
'x-perimental' type can be enabled - I cannot decide if it is a good thing
or not - I don't plan to support it at the moment
cheers
BJ

Post by Tobias Beer
Hi BJ,
I just noticed that â while you can't put any macros â you can
actually put widgets alongside html (in source mode). What you don't see is
some placeholder in CKEditor that hints at you that it's there.
Now I am wondering whether CKEditor does allow for something like
"widgets"... so we could at least see a placeholder with the widget code
and upon clicking we'd be editing that core widget.
Perhaps a CKEditor plugin could be written that allows to insert
and edit a number of TiddlyWiki widgets, even with placeholders for the
corresponding attributes?
Best wishes, Tobias.
--
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/nMLwo2eRRqE/unsubscribe
.
To unsubscribe from this group and all its topics, send an email
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.

--
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+***@googlegroups.com.
To post to this group, send email to ***@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/2f40c869-528b-4750-bd3f-aeb57d7a158d%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.