Results 1 to 8 of 8

Thread: Using Fiddle within the forums

  1. #1
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Answers
    3931
    Vote Rating
    1272
      5  

    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
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  2. #2
    Sencha User
    Join Date
    Feb 2013
    Posts
    47
    Answers
    9
    Vote Rating
    6
      0  

    Default

    Thank you, very useful!

  3. #3
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Answers
    3931
    Vote Rating
    1272
      0  

    Default

    A keen eye will notice that CodeMirror is now enabled so we get syntax highlighting!
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

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

    Default

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

  5. #5
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Answers
    3931
    Vote Rating
    1272
      0  

    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
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

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

    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
    41
    Vote Rating
    0
      0  

    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 - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Answers
    3931
    Vote Rating
    1272
      0  

    Default

    The fiddle preview works for me:



    The way I did that is via:

    [FIDDLE]5t2[/FIDDLE]
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    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
  •