No frameworks section in jsfiddle - frameworks

No extension and frameworks
Hello!
I opened https://jsfiddle.net/ in my Firefox browser and expected to see "Frameworks&Extensions" section there. Howevere, it was not there. Can someone please advice what should I do in order to add the section? Please follow the image link for more details. I suppose that I should add some add on to my browser but can't guess what should it be. It is also not working in Chrome.

As outlined in a recent post on medium the ability to add frameworks and extensions has moved into the Javascript pane within JsFiddle.
Within a fiddle, click on the 'Javascript' 'button' at the top right of the Javascript pane to reveal the new menu.

Related

Object Browser / Class Browser for Visual Studio Code

I am just getting started with Visual Studio Code. I am really liking it better than the full Visual Studio, but I was wondering how to show the object browser?
Along the left icon bar where I would expect it to be, all I see is Explorer, Search, Source Control, Run, and Extensions. Then at the bottom are Accounts and Settings.
How do I show the object browser? Is there a setting somewhere, or do I need to install an extension, or what?
I found it.
Just in case anyone is as blind as I am and stumbles across this question:
Under the "Explorer" button on the left. Way down at the bottom there is an "OUTLINE" section. Twirl that open and there it is!
Because I could not find it using the explanation above, I found the Object Browser under the View menu, somewhere at the middle of the list.
Or...you can press CTRL+ALT+J
enter image description here

Typo3 TypoScript, display plugin

I try to create a simple hello world plugin for Typo3. I have the code and all is fine, plugin is installed and i added it to the page as a content. But the controller is never called and templates are never rendered.
I followed this tutorial https://docs.typo3.org/typo3cms/ExtbaseFluidBook/4-FirstExtension/Index.html
and even installed their extension from github. No effects, Typo3 wont render anything. Pls, send help.
EDIT
I just installed a "Preconfigured Distribution" from extensions manager and suddenly all plugins work. It will do for now, as long as I see my extension working.
Probably you just forgot to include the static TypoScript in the root-template for you page.
On the way to create manually extensions there can be many 'stones' which make it difficult to make it right or to find a fault, but the hint above is the first thing to verify / configure.
Usually for creating extensions another extension is used, it's called Extensions Builder and can be found here. This extension creates a lot of basic code and simplifies the first steps very much.
You have to make your TypoScript selectable in BE with this line in you ext_tables.php
\TYPO3\CMS\Core\Utility\ExtensionManagementUtility::addStaticFile('yourextkey', 'Configuration/TypoScript', 'Title of your Extension');
After adding this line, clear the System-Cache (the "red one") and go to the Template-module in Backend.
While in template-module, select your rootpage in the pagetree. On the top you should see a dropdown menu where you have to select Info/Modify.
In the Info/Modify-Page, select Edit the whole template record and after this, swith to the tab Includes.
There you should see Selected Items and Available Items. Your Extension should be in the available items, where you select it and press the save button.
If you have done everything else correct, now your TypoScript setup should be loaded and your plugin should output something.

Adding Line Height Drop Down to Tiny MCE Editor Tool Bar

We are using BlogEngine.Net for managing blog posts which has implemented version “3.9.2” of Tiny MCE Editor.
As per our requirement we want to add new control (dropdown) in tool bar of the editor to provide this line height option so that author of the blog post could set line height to any of the selected paragraphs. We even find a related link for this http://fiddle.tinymce.com/jAbaab but it didn’t work for me.
Can someone please help me on this?
Take a closer look at the way the style plugin works that gets shipped with Tinymce3. You can copy the plugin directory and apply your own changes there.
All you need to to is to get rid of the unwanted funtionality and rename the plugin (directory and in the code).
This TinyMCE plugin can help you.
https://github.com/castler/tinymce-line-height-plugin
Download and place it into your tinymce plugin folder.
It supports TinyMCE 4.

debugging plunker in chrome developer tools

I created a javascript file in Plunker and I want to debug it. When I open 'Sources' panel, I don't see js file that I created. I only see plenty of Plunker js files. Please advice. Thanks
Another way is to put this in your javascript file
debugger;
and leave the console open, which will force the debugger to not only stop there but to also open the file.
You have two main options to drill down to the source file that you created.
1. Use the pop-up window mode of the preview panel
By default, the previewer runs inside an <iframe> inside the plunker webapp. You can ask plunker to show the previewer in a separate window by clicking the blue expand icon in the top right of the preview window. If you open dev tools for the pop-up window, you will only see your source files.
2. Right click the preview and hit inspect element
Doing it this way will let you use the embedded, live preview and will give you a shortcut to drill down to the DOM associated with your code.
The picture is worth thousand words...
F12 and then select sources; plunkerPreviewTarget has the source code
A quicker way I found is to simply grab the unique id of your plnk.
In normal 'edit' mode URL will be something like
http://plnkr.co/edit/P0fqZG6G6khKKrtfBkDP?p=preview
Simply append this id - P0fqZG6G6khKKrtfBkDP to the URL
http://run.plnkr.co/plunks/ therefore becoming
http://run.plnkr.co/plunks/P0fqZG6G6khKKrtfBkDP/
Important: Make double sure you add the trailing /
Open new URL in a new chrome window
Hit F12 in chrome, voila native angular JS debugging for your plnk
Note: You can then continue editing in plnkr, saving, and simply refreshing this URL when debugging, to maintain your active debugging session.
This may change, but currently on Chrome 47.0.2526.111 m on Windows 10, 64 bit, this is how you can find your plunk source files:
Open developer tools (F12)
Open sources
Look for run.plnkr.co
Expand this to show a single directory with a cryptic name
Inside, you will find your files so you can start debugging

IOS Dev Library offline on you mac

I need a offline version of http://developer.apple.com/library/ios/navigation/
Does something like this exist? thank you
You've already got an offline version of the Doc, if you have Xcode installed in your system.
In Xcode, goto Help --> Developer Documentation. Shortcut: Option + Command + ?. This will show you the documentation page loaded in Xcode itself. Select the Home button at the top of the toolbar. It will show a drop down list of reference libraries available. Select iOS library from the menu. It will show you the page you want.
In Xcode, Option + Double-Click on a symbol: Opens the doc for the selected symbol in a small window. Clicking on the book-like-button, the second button from the top-right corner of the window opens the reference page of the symbol. That button is enabled only if the documentation available for the symbol.
A more up to date question and answer: XCode Documentation - Offline Reading
The shotcuts Simon describes still work, but the Help menu has changed.