The Snippets pane sorts your snippets in alphabetical order. You can create snippets in the Snippets pane or by running the corresponding command from the Command Menu anywhere in DevTools. The Sources > Snippets pane shows you a list of snippets you saved, empty in this example.
#JAVASCRIPT SCRATCHPAD CODE#
Here's the snippet source code that logs some message and replaces the homepage's HTML body with a element that contains the message: console. Snippets are an alternative to bookmarklets.įor example, the screenshot below shows the DevTools documentation homepage on the left and some snippet source code in the Sources > Snippets pane on the right.
They have access to the page's JavaScript context, and you can run them on any page. Snippets are scripts that you author in the Sources panel. You can edit the commands by editing the settings named "NPM installl command" and "Webpack command" in the modal that can be accessed via the cog icon of the editor.If you find yourself running the same code in the Console repeatedly, consider saving the code as a snippet instead. The default commands should work fine on most Linux systems, but they are known to fail on some configurations, including (unsurprisingly) Windows. composer require clarkwinkelmann/flarum-ext-scratchpad Customizing the NPM and Webpack commands Please read the disclaimers and requirements above before installing. You can customize the theme and indentation via the cog icon above the editor.įor now the settings are global and apply to all languages. The text editor on the Scratchpad page is CodeMirror. If you end up with an invalid javascript setup, you can delete the storage/scratchpad folder and the extension will re-install everything on the next compilation. Subsequent compilations will re-use the installed dependencies.
#JAVASCRIPT SCRATCHPAD INSTALL#
The first time you compile, npm install will run. Javascript compilation is done locally by calling node through PHP.Ī scratchpad folder will be created under storage. Javascript is not validated during save, but if the compilation fails, the compiled code will not be loaded on the forum and you will see a message in the editor.
This background request can be disabled in the extension settings. If the background request fails, a validation error is shown and the scratchpad is not saved. PHP and Less are validated by doing a "stateless" background request to the forum and admin homepage with the new code when saving. If that happens, the easier is to go in the database and disable the scratchpad that's responsible. There's a good chance that despite the checks in place you will be able to save invalid code. You can give names to individual scratchpads and enable/disable them via a checkbox. The web user must be able to run npm and node commandsĮach scratchpad can contain javascript, Less and PHP code just like any extension.While the feature is restricted to admin users, I still recommend installing this on local environments only. This extension adds a scratchpad feature to the admin panel of Flarum to ease testing and development for developers. PLEASE DO NOT INSTALL THIS EXTENSION UNLESS YOU KNOW WHAT YOU ARE DOING!Īny user with administrative access is able to run any javascript and PHP code on the server and website without any restriction!
0 kommentar(er)
