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"}}]
On Tuesday, July 14, 2015 at 3:46:04 PM UTC+1, Duarte Farrajota Ramos wrote:
>
> 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.
>
>
> On Tuesday, 14 July 2015 13:28:11 UTC+1, BJ wrote:
>>
>> 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
>> wrote:
>>>
>>> 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.
>>>
>>> On Tuesday, 14 July 2015 05:52:18 UTC+1, BJ wrote:
>>>>
>>>> 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
>>>>
>>>> On Tuesday, July 14, 2015 at 2:49:29 AM UTC+1, Duarte Farrajota Ramos
>>>> wrote:
>>>>>
>>>>> 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 :)
>>>>>
>>>>> On Monday, 13 July 2015 21:23:37 UTC+1, BJ wrote:
>>>>>>
>>>>>> 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
>>>>>>
>>>>>> On Monday, July 13, 2015 at 5:11:41 PM UTC+1, Duarte Farrajota Ramos
>>>>>> wrote:
>>>>>>>
>>>>>>> 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
>>>>>>>
>>>>>>>
>>>>>>> On Thursday, 12 February 2015 12:39:38 UTC, BJ wrote:
>>>>>>>>
>>>>>>>> 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
>>>>>>>>
>>>>>>>> On 12 February 2015 at 01:16, Tobias Beer <[email protected]>
>>>>>>>> wrote:
>>>>>>>>
>>>>>>>>> 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 [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.
>>>>>>>>>
>>>>>>>>
>>>>>>>>
--
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.
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.
