I'm sorry but we'll not implement your RFE.
We think that the user expects the preview of an HTML page (an Ebook
page is just an ordinary XHTML page) in a Web browser to work *normally*.
For example, we think that the user really expects html/head/title to
appear as the title of the window of the Web browser and nowhere else.
On 01/22/2018 07:21 PM, Leif Halvard Silli wrote:
The Ebook page format (XHTML with class="role-ebook-page" on the <html>
element) uses the <title> element as heading for the page.
The XMLmind editors display the title element in a very visual way.
However, if the user uses the XMLmind editor’s Preview option to preview
the Ebook pagein a Web browser, the title element visually disappears.
This is potentially confusing to the Ebook authors.
To make the users of the Ebook specification understand and love working
with it, it would be nice if the <title> element could be made to
display visually also when previewed in a brwoser.
It IS possible to make the title element visible in browsers. The fact
that the <title> element visually disappears in the browser is due to
the default CSS for XHTML, which Web browsers implement.
Proposal:
By default, or as an option, let Ebook pages created by XMLmind editors,
supply the necessary CSS which makes the title element visible in browsers.
Considerations:
The CSS should should not lend itself to be included in online
publications of the same ”page”. This should be avoided. Why? Because
the XMLmind developers might do not want users to accidentically publish
pages that rely on the title element being visible.
I see view 3 strategies for making the CSS only apply to the local web
page, on the computer:
1) Use the @document rule. Currently only supported as
@-moz-document in Firefox:
|<style>@-moz-document regexp("file:.*") {
head{display:block;background:yellow;text-align:center;}
title{display:block;font-size:2em;line-height:1;} }</style> |
2) Use an @import rule that only works locally - XMLmind
can automatically create this rule:
|<style> @import url("file:///Users/userFoo/Ebook.css") </style> |
3) Use CSS that only works in application/xhtml+xml mode,
and let XMLmind promode saving the file as .xhtml or
as .xht or .xml.
For example, create style sheet that only works in XML.
The following is valid HTML5 markup - note that there is
no CDATA in the script element. An XML parser will see
the <style> element as a (sic!) <style> element, while
text/html parser will not see any element inside <script>:
|<script><style> head{display:block;background:yellow;text-align:center;}
meta+style+title{display:block;font-size:2em;line-height:1;}
</style></script> |
Or use a CSS selector that only works in XML.
The following works because an XML parser sees this as
a single style element, while a text/html parser sees it
as two style elements.
|<style class="display"> /*<![CDATA[*//*</style><style class="hide">/**/
head{display:block;background:yellow;text-align:center;}
*.display+title{display:block;font-size:2em;line-height:1;}
*.hide+title{display:none} /*]]>*/</style <title>Heading</title |
On 01/22/2018 07:45 PM, Leif Halvard Silli wrote:
Just some corrections. See below.
On 22 Jan 2018, at 19:21, Leif Halvard Silli wrote:
... snip ...
The fact that the <title> element visually disappears in the browser
is due to the default CSS for XHTML, which Web browsers implement.
I meant to say ”default CSS for HTML". HTML and XHTMl of course have the
same default CSS.
3) Use CSS that only works in application/xhtml+xml mode,
and let XMLmind promode saving the file as .xhtml or
as .xht or .xml.
For example, create style sheet that only works in XML.
The following is valid HTML5 markup - note that there is
no CDATA in the script element. An XML parser will see
the <style> element as a (sic!) <style> element, while
text/html parser will not see any element inside <script>:
|<script><style>
head{display:block;background:yellow;text-align:center;}
meta+style+title{display:block;font-size:2em;line-height:1;}
</style></script> |
The above CSS was not meant to have those CSS selectors. This would be
enough:
|<script><style> head{display:block;background:yellow;text-align:center;}
title{display:block;font-size:2em;line-height:1;} </style></script> |
Or use a CSS selector that only works in XML.
The following works because an XML parser sees this as
a single style element, while a text/html parser sees it
as two style elements.
|<style class="display"> /*<![CDATA[*//*</style><style
class="hide">/**/
head{display:block;background:yellow;text-align:center;}
*.display+title{display:block;font-size:2em;line-height:1;}
*.hide+title{display:none} /*]]>*/</style <title>Heading</title |
--
XMLmind XML Editor Support List
xmleditor-support@xmlmind.com
http://www.xmlmind.com/mailman/listinfo/xmleditor-support
