Jeremy,
Thanks for your help, I think I can piece the solution together.
There is something "now" wrong with the CSS, the editor toolbar has
"fallen", I will need to investigate this further.
Of course <$edit-text tiddler="$:/SiteTitle”/> does not invoke code mirror,
nor does it provide the Toolbar.
I was hoping there was a way to use <$transclude
tiddler="$:/core/ui/EditTemplate/body/editor"/>
or a similar transclusion to invoke the default editor, and another to
invoke the codeMirror editor.
I will build a replacement "template" and use that.
Thanks again
Tony
On Sunday, November 18, 2018 at 12:48:29 AM UTC+11, Jeremy Ruston wrote:
>
> Hi Tony
>
> Just to reply briefly to your summary
>
>
> -
> To make the spell check preview show the top line
>
> That looks like a problem with your CSS, did you not see that problem
> before trying out the editor? Does it happen regardless of whether the
> editor is set to a fixed height?
>
>
> - For users in General (place the preview above or below the edit
> rather than to the right) like wikipedia
> Or how to do this with css
>
> Try the following CSS:
>
> html body.tc-body .tc-tiddler-frame .tc-tiddler-preview
> .tc-edit-texteditor {
> width: 100%;
> }
>
> html body.tc-body .tc-tiddler-preview-preview {
> float: none;
> width: 100%;
> }
>
>
> - Be able toggle codemirror to the default editor
>
> You can disable CodeMirror by disabling the plugin.
>
>
> - or know how to invoke the default editor while code mirror is active
>
> Perhaps I’m misunderstanding, but an ordinary edit-text widget will not
> invoke codemirror:
>
> <$edit-text tiddler="$:/SiteTitle”/>
>
> Best wishes
>
> Jeremy.
>
>
>
>
> On Friday, November 16, 2018 at 1:36:06 AM UTC+11, Jeremy Ruston wrote:
>>
>> Hi Tony
>>
>> This is a fairly good solution, however I am now editing tiddler content
>> as a text field (from another tiddler)
>>
>>
>> You mean you’re not using the regular view template here? In that case,
>> I should have thought you can just add a secondary editor yourself.
>>
>
> I am using the regular edit/view template sometimes; this is how it
> looks, note the top line in the spell check view. I expected a scroll for
> long tiddler but I see it expands automatically. Could be an issue for long
> tiddlers.
>
> <2018-11-16_12-08-48.jpg>
>
>
>>
>> Even if it did *I would much prefer preview mode to appear above or below
>> the edit field as I am writing a lot of "copy" and would prefer to see it in
>> an un-squashed *horizontal perspective
>>
>> I don’t think the core need to directly supporting positioning the
>> preview pane below the edit pane, as it seems an unusual requirement and
>> can be accomplished by CSS.
>>
>
> This is not unusual, WikiPedia/WikiMedia editors do this every day, *If
> it can be accomplished by CSS can you tell me how and would it not be
> simple to add a toggle?*
>
> <2018-11-16_12-13-27.jpg>
>
>
>
>
>>
>> After doing as you suggested I found *the preview will not show the top line
>> fully and there is no scroll bar*.
>>
>> Can you show a screenshot?
>>
>
> example above (1st image)
>
>> I found the following works but still with the above problems
>>
>>
>> {{||$:/_EditorPreview}}
>>
>> Even directly
>>
>> <$edit-text tiddler=<<currentTiddler>> class="tc-spell-check-preview"/>
>> <style>
>> .tc-spell-check-preview {width:100%;}
>> </style>
>>
>>
>>
>> Where are you putting those fragments? How is their behaviour different
>> than you expected?
>>
>
> In addition to using the standard edit view, I have an edit-fields
> solution which allows me to edit the fields in the current tiddler from the
> view template, and using field definitions, including the text field. This
> allows me to treat tiddlers as forms and fields with rich editing tools
> like date selection, time stamps, colour and image selection and more/
>
> For example
> View Mode
>
> <2018-11-16_12-18-56.jpg>
> The above tiddler has being folded, to show only my edit fields view,
> delivered via a view template addon, and designed to allow edit current
> tiddler indirectly as required.
>
> And Edit mode
>
> <2018-11-16_12-23-47.jpg>
> The above edit mode is achieved using
> <$transclude tiddler="$:/core/ui/EditTemplate/body/editor"/>
> The Preview button refuses to work in this edit view
> Code Mirror has taken over the use of $:/core/ui/EditTemplate/body/editor
>
> Here is the Spell check view added to my edit fields tool (view mode) using
> <$transclude field="text" mode="block"/>
> <$edit-text tiddler=<<currentTiddler>> class="tc-spell-check-preview"/>
> <style>
> .tc-spell-check-preview {width:100%;}
> </style>
>
> <2018-11-16_12-34-20.jpg>
>
> Notice how nice it is to see the text (Preview) above the "Spell check
> editor" like in WikiPedia, this is more so with full text as in prose.
>
> Here I have no access to the Editor toolbar.
>
>
>
>>
>> Though it would be better if we got the option for the Editor Toolbar to
>> appear, and to allow scrolling.
>>
>> What do you mean by the editor toolbar appearing? My tweak should have
>> affected the editor toolbar.
>>
>
> See previous image and notes
>
>
>> Should I submit a request for horizontal above and below to be Preview
>> Options? This would make it resemble WikiMedia and other Wikis a bit more
>> and support writers.
>>
>> I’m not sure what horizontal lines you mean here.
>>
>
> As above seeing the result with the editor below the view, or in the case
> of the standard preview imaging the edit mode *along side* the spell
> check preview.
>
>> Personally I would be happy to hide the CodeMirror editor while using the
>> Spell Check view. This should be easy for me the way I am doing it through
>> an edit fields method, but other users without such a facility will not be
>> able to see it in horozontal format.
>>
>> I’m sorry I’m not following what you’re asking/recommending here?
>>
>
> As you can see above, with my edit fields solution I can view the Preview
> and the view/Edit window one above the other, I can choose to show the Edit
> above the spell check preview (not illustrated in this email) *but other
> users without such a facility will not be able to see it in **horizontal*
> * format.*
>
> *Thanks for considering this*
> *Tony*
>
> --
> 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] <javascript:>.
> To post to this group, send email to [email protected]
> <javascript:>.
> 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/10716295-b804-4a17-8f08-1997268a6430%40googlegroups.com
>
> <https://groups.google.com/d/msgid/tiddlywiki/10716295-b804-4a17-8f08-1997268a6430%40googlegroups.com?utm_medium=email&utm_source=footer>
> .
> For more options, visit https://groups.google.com/d/optout.
> <2018-11-16_12-08-48.jpg><2018-11-16_12-13-27.jpg>
> <2018-11-16_12-18-56.jpg><2018-11-16_12-23-47.jpg>
> <2018-11-16_12-34-20.jpg>
>
>
>
--
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 https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/ef0d6618-9a1e-48e3-be97-860b739fae36%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
