FCKEditor -> Monospaced fonts

  • Hi there
    I have installed the editormoney plugin and use the FCK editor for my posts. I run a guitar website and want to be able to select some text and format it to monospaced. It’s basically guitar tablature and it has to be monospaced. When I select the text and set it to Courire New, and save – it doesn’t display properly.

    I looked in my source code, and I see the correct tags <font face=”Courier New”> …guitar tab … </font> but the page itself is using the default font as assigned by my wordpress theme css file.

    The guy on the editormonkey site says he uses TinyMCE, but this isn’t as good as FCKEditor really (in my view) so is there a way to fix my problem, and if so – could someone please help explain how to do it?

    Thanks very much in advance

    Alex

Viewing 6 replies - 1 through 6 (of 6 total)

  • Use your css for styles, keep them out of posts. Define a style in your css and call that in your post. e.g.;

    .monospace {
    font-family: "Courier New";
    color: #888;
    margin: 0 0 0 4px;
    font-size: 0.75em;
    font-weight: normal;
    line-height: 125%;
    }

    Then in your post use `<p class=”monospace”> blahblahblah

    Thread Starter blindsummit

    (@blindsummit)

    It still does’t look right. See here: https://www.blind-summit.co.uk/trill-technique

    The first bit of tab should all line up properly in a block like this


    tr tr tr tr
    E|-1-(2)–1-(3)–1-(4)–1-(5)-|
    B|-------------------------|
    G|-------------------------|
    D|-------------------------|
    A|-------------------------|
    E|-------------------------|
    F F# F G F G# F A

    Thread Starter blindsummit

    (@blindsummit)

    From the source code again – it seems to leave some dashes as – and converts the others to & #8211;

    You may have to experiment with turning off visual rich editing.

    Or using <pre> </pre> (preformatted).

    Thread Starter blindsummit

    (@blindsummit)

    Pre didn’t work – it basically put everything in the tab on one long line.

    That’s a joke about turning off the editor! Surely it’s possible to make it work without having to turn off the editor when I need to add monospaced text!

    OK, so the only way to figure this out is to follow the text from my keyboard to the post on the screen. I clearly typed the tab OK, it displayed in the WYSIWYG editor ok. The tab was also fin in the “view source” in the WYSIWYG editor. When it saved to the DB – the tab was still fine – it used the proper dashes.

    So comparing the post_content from the database and what appears in the source code of the page shows that the ONLY difference causing it to appear wrong is the coversion of some dashes from – to & #8212;

    The next question is where. The database is fine and the css isn’t the issue anymore – neither are themes as they all appear the same – but somewhere the dashes are being replaced with that code value….

    Thread Starter blindsummit

    (@blindsummit)

    ok – WP was changing double dashes to & #8211; and triple dashes to & #8218; With a little help from a friend – I wrote up a tiny plugin to fix this.

    If anyone wants it – get it here:

    https://www.blind-summit.co.uk/software

    Alex

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘FCKEditor -> Monospaced fonts’ is closed to new replies.

Tags