More code formatting options

[geoffrey.mcgill]

GitHub Gist code samples can now be added to forum posts by using the [gist] tag



The id of the Gist is added between the [gist] tags.

Example

[gist]7c2fdbcf1b6b2485b26b[/ gist] <-- remove that space in closing tag

The Gist ID is easily copied from the url of your Gist. You'll need to copy the last string of characters from the url, then paste between the [gist] tags.

[geoffrey.mcgill]

A new [HTML] tag has been added to the WYSIWYG editor. Located to the right of the [CODE] button.

While the [CODE] and [HTML] buttons both provides code sample formatting, they each specialize in the type of code sample.

The [HTML] tag is better suited for markup type code samples, such as pasting ASP.NET markup syntax.

The [CODE] tag is better suited for C# or JavaScript syntax.

The following sample demonstrates using an [HTML] tag to format a block of ASP.NET markup.

<ext:Viewport runat="server" Layout="HBoxLayout">
    <LayoutConfig>
        <ext:HBoxLayoutConfig Align="Stretch" />
    </LayoutConfig>
    <Items>
        <ext:TextArea ID="txtOne" runat="server" Flex="1" />
        <ext:TextArea ID="txtTwo" runat="server" Flex="1">
            <Listeners>
                <Focus Handler="this.selectText()" />
            </Listeners>
        </ext:TextArea>
        <ext:TextArea ID="txtThree" runat="server" Flex="1" />
    </Items>
</ext:Viewport>

As always, your block of code should be added between opening [HTML] and closing [/ HTML] tags.

[geoffrey.mcgill]

We also just added a new var bbcode. The var bbcode allows for inline formatting of small code fragments, such as highlighting a variable or class name.

The var tag can be added two way. First by manually wrapping a small chunk of code or class name in var tags. Second, by highlighting the string in the WYSIWYG editor and clicking the new <> button.



Example

[var]public[/ var] <-- remove that extra space in the closing tag

The following example demonstrates a response which includes several highlighted code fragments, and the final parsed output is added below.

Input

Decorating a server-side [var]public[/ var] or [var]public static[/ var] Method with the [var][DirectMethod][/ var] Attribute

Output

Decorating a server-side public or public static Method with the [DirectMethod] Attribute

Hope this helps.

[Dimitris]

Helpful, needed and ... sweet.

[matrixwebtech]

I think previous tag more efficient.double click ,copy and pest.but now we need to copy manually.

[Daniil]

I think previous tag more efficient.double click ,copy and pest.but now we need to copy manually.

Thank you for the feedback. We hope to get this functionality back.

[geoffrey.mcgill]

We've added a Copy to clipboard feature to the code samples.

Hope this helps.

[Dimitris]

Speaking of formatting and layout changes, is it possible we make forum font colors darker or maybe a dark theme option?

[Ozgur]

Hi Dimitris, font color is darker now. Thanks!

[Dimitris]

Thank you, the forum reads excellent now.