HTML tags with class="spoken" being displayed - internet-explorer-8

I'm attempting to make a site Section 508 compliant. I've got <span class="spoken"> for some headers to hide the text and make it readable by screen readers.
But the text is displaying on IE8.
Is there a way to hide it? Or should I be using some ARIA label?
Thanks!

Related

CKEditor -- Use Custom Style Sheet with Editor

I have been trying to work out how to get my own website's custom stylesheet to be recognized by CKEditor. The fontsize on my site is 19px, and for CKEditor it's much smaller. I would like the software to recognize my styles. I don't need (at the moment) custom styles added to dropdowns (and I see information in the docs on how to do that). It just seems odd that if my whole site uses a specific font, font size, font color, and so on that the editor doesn't seem to recognize them. This may be basic, and I've just looked past it or misunderstood something, but I can't figure it out. Thanks!
You may want to look at the contents.css (file is inside CKEditor folder), that is the stylesheet used for content inside the CKEditor. You will need to change the contents.css according to your need, in this case you want to change the font styling so it match with your current site.

Bootstrap Markdown (CodeIgniter 2)

I am using Bootstrap Markdown for my project powered by CodeIgniter 2.
When I use it on a textarea, it does the markup, the preview and all buttons work perfectly.
The only problem I have is when I submit the form, it does not use the HTML Markup, but the Markdown.
e.g. When I write
Text
**Bold**
Else
and then click on Preview it does the Preview (I see the HTML markup). But as soon as I submit the form, it saves it as
Text
**Bold**
Else
Do you know how to resolve this problem?
Thank you in advance.

wysiwyg text editor for Markdown. LocomotiveCMS

LocomotiveCMS seems doesn't have a markdown editor.
Can anyone tell me if I can have a fully featured wysiwyg markdown editor? May be someone already has forked and implemented it. Or at least any help would be appreciated.

Displaying an image on ScrewTurn wiki

I'm sure I'm making a simple mistake but I'm having a lot of difficulty displaying an image in my ScrewTurn wiki.
The markup I am using:
[imageleft|Extreme Programming|goodlooking.jpg]
What I'm seeing displayed is a broken image with the caption.
An attachment named goodlooking.jpg is uploaded to this page.
Any help would be greatly appreciated. Thank you.
If you uploaded the image as a Page Attachment (at the bottom of the page), then you need to include the page reference in the markup. For example, if the page was named "Test-Page", it would look something like this:
[imageauto|Extreme Programming|{UP(Test-Page)}goodlooking.jpg]
If the page is not in the default namespace (i.e. "root"), then you need to include the namespace reference as well:
[imageauto|Extreme Programming|{UP(NamespaceHere.Test-Page)}goodlooking.jpg]
If you use the "Image" icon in the editor (near the center of the icons), it will handle the markup for you. Just make sure you click the "Browse Page Attachments" checkbox to see page attachments. Also, you may need to Save the page at least once before you can upload and attach Page Attachments.

CKEditor plugin rendering different in WYSIWYG and source mode

I'm starting to develop a plugin for CKEditor that needs to be used to insert some HTML snippets in a web page. This is done. Nonetheless I also need to include some special items when switching to WYSIWYG mode (e.g. something more or less similar to Show Blocks plugin, but not just using styles since I need some elements included in there). So my question is :
How could I include extra items or styles (e.g. to hide parts of the contents in WYSIWYG mode) in WYSIWYG view without altering HTML output ?
If someone could provide some information about a working (maybe simple) example, I'd also appreciate your help.
PS: If you need to know further details please ask, but for instance assume inserted raw HTML code is
<div class="xxx">Hello world !</div>
... but in WYSIWYG mode need to display a link on top of it that pops up an alert and toggles dotted border.
About injecting CSS classes in WYSIWYG mode, use addCss function.
About creating fake elements in WYSIWYG mode ... I think I can solve the problem using context menu instead.

Resources