Results 1 to 8 of 8

Thread: Using Fiddle within the forums

  1. #1
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,449
    Answers
    3997

    Default Using Fiddle within the forums

    One of the features in the API Docs is the ability to have inline examples so you can see the code and see the code in action. Fiddle will be a great way for the Sencha community to share and test code and having the same experience as in the API Docs in the forums is a win-win for everyone.

    I'm glad to announce that you can use a Fiddle within the forums using a custom BBCode tag [FIDDLE] much like you can with [CODE] or other BBCode tags. All you have to do is have then opening [FIDDLE] and the closing [/FIDDLE] tags surrounding the Fiddle ID and you will see a tab panel UI so you can see the Javascript, CSS, HTML and the preview of the fiddle inline in a post:

    Code:
    [FIDDLE]5t2[/FIDDLE]
    And you will see:

    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Fullstack Engineer
    ________________
    Modus Create is based on the model of an open source team. We’re a remote, global team of experts in our field. To find out more about the work we do, head over to our website.

    Check out my GitHub:
    https://github.com/mitchellsimoens

  2. #2
    Sencha User
    Join Date
    Feb 2013
    Posts
    47
    Answers
    9

    Default

    Thank you, very useful!

  3. #3
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,449
    Answers
    3997

    Default

    A keen eye will notice that CodeMirror is now enabled so we get syntax highlighting!
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Fullstack Engineer
    ________________
    Modus Create is based on the model of an open source team. We’re a remote, global team of experts in our field. To find out more about the work we do, head over to our website.

    Check out my GitHub:
    https://github.com/mitchellsimoens

  4. #4
    Ext Premium Member halcwb's Avatar
    Join Date
    Mar 2010
    Location
    Rotterdam
    Posts
    411
    Answers
    10

    Default

    This is very nice and helpful to document coding problems and posting them on the forum, great!

  5. #5
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,449
    Answers
    3997

    Default

    Soon, we will be making a change in the production server which will affect the forum integration but will hopefully be seamless. This will also allow any site to embed a fiddle within their site.
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Fullstack Engineer
    ________________
    Modus Create is based on the model of an open source team. We’re a remote, global team of experts in our field. To find out more about the work we do, head over to our website.

    Check out my GitHub:
    https://github.com/mitchellsimoens

  6. #6
    Sencha User existdissolve's Avatar
    Join Date
    Jan 2010
    Location
    Kansas
    Posts
    522
    Answers
    32

    Default

    Quote Originally Posted by mitchellsimoens View Post
    Soon, we will be making a change in the production server which will affect the forum integration but will hopefully be seamless. This will also allow any site to embed a fiddle within their site.
    Looking forward to it!!

  7. #7
    Sencha User
    Join Date
    Nov 2014
    Posts
    47

    Default

    I do not see anything in the preview in chrome. In works in https://fiddle.sencha.com/#fiddle/5t2. Do I need to install any plugin?

  8. #8
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,449
    Answers
    3997

    Default

    The fiddle preview works for me:



    The way I did that is via:

    [FIDDLE]5t2[/FIDDLE]
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Fullstack Engineer
    ________________
    Modus Create is based on the model of an open source team. We’re a remote, global team of experts in our field. To find out more about the work we do, head over to our website.

    Check out my GitHub:
    https://github.com/mitchellsimoens

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •