Disqus-comments, formatting

Posted on by EskeRahn

Here Is a small guide in Disqus-formatting, that I have ‘published’ several times on the old GSMArena.com blog (with tiny variation).

UPDATE: Should in 2019 finally be more or less obsolete for wide enough windows!

See the guide in the disqus-comment below

UPDATE 2019-01-13: Just noticed that Disqus have finally added a formatting bar!

Here from a PC:

Note that on phones & phablets only some of the options are available when the display is in Portrait mode

All are available with the display in Landscape though:

The width needed for the full set of icons will vary depending on platform and font size of course.

In Firefox at this site, all scaling 100%, It requires an outer window width of 874 to show all icons

Note how the icons creeps into the “Post as ….” (depending on the name-length), but are still active, as can be seen by the mouse over text (and light button colour) where the mouse was at the right part of “Post”.

 

I wonder how long the new bar has been there, without me noticing it??

 

61 thoughts on “Disqus-comments, formatting”

  1. FORMATTING COMMENTS IN DISQUS.

    Note that if you insert an URL to a picture followed by an empty line(!), the picture is inserted in the text after the link and NOT at the bottom
    http://eskerahn.dk/wordpress/wp-content/themes/corbusier/images/eskeWP_100x100.png

    <b>bold text</b>
    bold text

    <b><b>double bold text</b></b>
    double bold text

    <s>strikethrough text</s>
    strikethrough text

    <i>italic text</i>
    italic text

    <u>underlined text</u>
    underlined text

    <u><a href=”http://gsmarena.com”>Text for link</a></u>
    Text for link
    (Remember the u-tag, otherwise the links are hard to spot in the text, in some blogs, note that it should be outside the a-tag, otherwise the underline is in some cases ignored)

    <code>computer code text, fixed pitch</code>
    computer code text, fixed pitch

    <blockquote>a block quotation</blockquote>

    a block quotation

    Note that blockquote can be nested.

    <pre>preformatted text, fixed pitch</pre>
    preformatted text, fixed pitch
    Note indentations preserved
    Formatting code-text in specific language (if code class is omitted it tries to autodetect)
    <pre><code class=”javascript”>
    var foo = ‘bar’;
    alert(‘foo’);
    </code></pre>

    var foo = 'bar';
    alert('foo');

    Not all from here formats anything: https://help.disqus.com/customer/portal/articles/466253-what-html-tags-are-allowed-within-comments

    Use &nbsp; to make a space. Useful to make indentation of the text
    &nbsp; &nbsp; &nbsp; Text with indentation
          Text with indentation

    Use &lt; and &gt; to get < and > in the text

    Reply

    1. New feature added: Spoiler tag
      &ltspoiler>Spoiler text to display on mouse over only&lt/spoiler>
      Spoiler text to display on mouse over only

      Reply

      2. Good morning. Thank you very much for this. I do have a question. How would one go about inserting superscript or subscript into text, e.g. if I wanted to write the chemical symbol for carbon dioxide?

        Reply

          1. Thanks for the reply. I have seen someone use superscripts and subscripts, but he is such a vile person that I do not care to ask him for assistance with that.

          2. Interesting! Please let me know if you find the answer – If I find one I will (of course) add it here.

            According to this it was a feature that was there, but was pulled years ago – maybe the site uses an old version???

            PS: Have you tried copy&paste? Could it be some unicode chars like ²³¹⁰⁴⁵⁶⁷⁸⁹ⁿXᵢᵣᵤᵥᵦᵧᵨᵩᵪₐₑₒₓₔⱼ

  2. FORMATTING COMMENTS IN DISQUS.

    Note that if you insert a LINK to a picture followed by an empty line(!), the picture is inserted in the text after the link and NOT at the bottom
    http://www.flamead.com/images/gms-logo.jpg

    <b>bold text</b>
    bold text

    <b><b>double bold text</b></b>
    double bold text

    <s>strikethrough text</s>
    strikethrough text

    <i>italic text</i>
    italic text

    <u>underlined text</u>
    underlined text

    <u><a href=”http://gsmarena.com”>Text for link</a></u>
    Text for link
    (Remember the u-tag, otherwise the links are hard to spot in the text, on some blogs, note that it should be outside the a-tag, otherwise the underline is in some cases ignored)

    <code>computer code text, fixed pitch</code>
    computer code text, fixed pitch

    <blockquote>a block quotation</blockquote>

    a block quotation

    Note that blockquote can be nested.

    <pre>preformatted text, fixed pitch</pre>
    preformatted text, fixed pitch
    Note indentations preserved
    Formatting code-text in specific language (if code class is omitted it tries to autodetect)
    <pre><code class=”javascript”>
    var foo = ‘bar’;
    alert(‘foo’);
    </code></pre>

    var foo = 'bar';
    alert('foo');

    Not all from here formats anything: https://help.disqus.com/customer/portal/articles/466253-what-html-tags-are-allowed-within-comments

    Use &nbsp; to make a space. Useful to make indentation of the text
    &nbsp; &nbsp; &nbsp; Text with indentation
          Text with indentation

    Use &lt; and &gt; to get < and > in the text

    Reply

  3. Disqus-comments, formatting
    Good to know for future references. Disqus site doesn’t do a good job at explaining what can be used.

    Reply

    1. Totally agree. Optimally the formatting could be applied by some sort of tool-bar in the disqus-editor window, rather than by tags, that are complex for the less tech savvy users.

      Reply

    2. An additional issue that I often face when using the accepted tags is the comment not posting but ‘awaiting approval’. Said ‘approval’ may or may not ever happen and post is usually forever lost.( I suspect the missing posts could be the same place the missing dryer socks…)

      Reply

      1. Never encountered that. But could be that some sites have set the carats as potentially ‘bad’ characters.
        There is a setting that many sites uses
        “Comments containing links must be approved before they are published.”
        Gives extra job for the moderator, but is quite efficient against spam.

        Reply

        1. Yup, that is the exact situation. I found c/p is a work-around for those sites with slower moderation 🙂

          Reply

          1. I must admit it is not an explicitly chosen colour, it followed with the theme I chose, for other reasons. (One of the few themes that behaves well on a 4K desktop browser)
            Reply to wrong post, sorry….

          2. lol and is this when I’m supposed to feel sorry your stuck with 4K? ^.^ Soooo can’t do that 😀

          3. Ha ha. No I’m just a bit pissed that almost no WordPress.org theme supports browser widths of 4K.
            Most themes does not even support FHD properly without large waste spaces at the sides.
            So not much of a choice. I have had some more web cunning people help me modify the Corbusier theme a bit, but most of it is unchanged.

            And when I complain about other peoples websites not being sufficiently dynamic, well then I better try to have my own dynamic. 😉

            ADD Just noticed that what you replied to was an attempt by me to reply to a totally different post on the colours…. Sorry

          4. np I was just poking fun…I should sooo stop playing and do more helpful posts. I apologize . (Forms are also a real challenge to complete the questions seriously without going off the rails >,<)

          5. Eh, wait…soooo we’re both confused? Bet they have more options for 4K by now 😉

      1. I think it’s new. I’m just seeing it as well. It’s partly fucntional though, uploading images does not work if you have 3rd party cookies disabled for instance, it tells me I’m not logged in (I always have to click “log in” every time I load the Disqus comments section because of this, though I’m not asked for user/pass). A workaround would be to right click on the comments section and select to open it in a new tab whenever I post such a comment. Using FireFox 52 ESR.

        Reply

  5. coloram
    <a>coloram</a>
    coloram
    coloram
    Use < and > to get in the text

    Use   to make a space. Useful to make indentation of the text
          Text with indentation
    Text with indentation

    ●
    ●
    ●
    The big black dot ● is a bullet.

    ● You can make lists or anything else you like with it.
    ● To use it just place the mouse cursor wherever you want the bullet to go.
    ● Then click the bullet button.
    ● You can also quote the whole thing.

    To make a link: Just paste it in… http://www.abv8.com … it will work fine when it is actually submitted into DISQUS comments.
    …or you can highlight it and click LINK.

    http://www.abv8.com

    Then you will then see two copies of the link in the format, you can edit the second one to anything you like (that’s the one that shows on the page). Example: Click Here!

    Code is mono-spaced like typewriter text. It's great for stuff like guitar tabs...

    preformatted text, fixed pitch

          Text with indentation

    Note: Syntax highlighting will automatically close tags. To place a tag in code without closing, use < and > instead of , to override this behavior.

    Use &lt; and &gt; to get < and > in the text

    Use &nbsp; to make a space. Useful to make indentation of the text&nbsp; &nbsp; &nbsp; Text with indentation      Text with indentation

    sorry for disturb and thanks!

    Reply

    1. Well you can misuse the a tag to get text coloured as you did, but it is not very clean, and certainly site dependent.

      Reply

  7. I have a question . If somebody is so kind to clarify….
    Here a text between () and ( )
    becomes red
    In DISQUS , it becomes blue….
    why?
    Thanks….

    Reply

    1. I have no problems with you using this for tests, but please edit the same post, rather than posting a myriad of different test-posts 🙄, thanks.😀

      Reply

    2. And to your question, well the specific colour depends on the forum theme (I think), you will see the same for the user-names.

      TEST
      blah blah () test ( ) blah blah
      I do not seem to reproduce it. Could you be more specific with what is needed? It looks like an a tag
      (<a>) and ( </a>)
      () and ( )
      And yes that displays with an orange/reddish colour (here)

      Reply

      1. Thanks.
        Yes tag a and tag /a — here gets orange but in other blogs using disqus it got blue …

        Reply

        1. Oh I just noticed that I replied to an old post and not you a month ago above. Here we go again:

          I must admit it is not an explicitly chosen colour, it followed with the theme I chose, for other reasons. (One of the few themes that behaves well on a 4K desktop browser)

          Reply

  25. PSICONAUTAS
    Lungometraggio di animazione con target adulto.
    Ricchissimo di metafore e simbolismi.
    Tratta in maniera episodica e psichedelica moltissimi temi, che solo con un cartoon potevano essere rappresentati con così tanta libertà.
    Pensate ad esempio a Yellow Submurine o a The Wall.

    Reply

  27. I’m not quite sure what you mean. Does your device not do auto-rotate of the display when you rotate it? If not it is (usually) a setting under display settings whether to allow auto-rotate. (Could be dependent on the Android version, and any brand customisations)

    Reply

  28. Disqus seem to only offer this on phones when they are turned in to landscape-mode. That is in wide format like a TV.
    Some devices and some programs only support portrait, that is does not rotate as the device rotates

    BUT you can always do formatting the complex way with ‘tags’ as described in the first comment in this thread, e.g.

    <i>italic text</i>
    italic text:

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *