yourjs-box 1.2.0 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +20 -11
- package/dist/yourjs-box.full.js +1575 -1197
- package/dist/yourjs-box.js +195 -56
- package/dist/yourjs-box.min.js +5 -5
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -39,20 +39,29 @@ If the editor already has code in it you are asked before it is replaced.
|
|
|
39
39
|
|
|
40
40
|
### Toolbar
|
|
41
41
|
|
|
42
|
-
- Clicking the **logo** opens the About window, which
|
|
43
|
-
shows the version, this console's settings and keyboard shortcuts. Its
|
|
44
|
-
**Copy as HTML** tab gives you the HTML for this console (with its current
|
|
45
|
-
code, its original code or no code) as an embed snippet or a full page that
|
|
46
|
-
you can copy or download. Only the `data-*` attributes that were set on the
|
|
47
|
-
script tag are included.
|
|
48
42
|
- **Clear** removes everything from the console. Code can also call
|
|
49
43
|
`console.clear()`.
|
|
50
|
-
- **
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
- The layout button switches between showing the editor below or beside the
|
|
54
|
-
console.
|
|
44
|
+
- **Full screen** shows the console using the whole screen. If the browser
|
|
45
|
+
doesn't allow that (eg. on an iPhone) the console fills the browser window
|
|
46
|
+
instead. Press <kbd>Esc</kbd> to exit.
|
|
55
47
|
- **Run** runs the next block of code.
|
|
48
|
+
- Clicking the **logo** opens the About window, which shows the version, this
|
|
49
|
+
console's settings and keyboard shortcuts.
|
|
50
|
+
- The **⋯** button opens a menu with:
|
|
51
|
+
- **Text size**, which is remembered for every console on the same site.
|
|
52
|
+
- **Editor beside / below the console** to change the layout.
|
|
53
|
+
- **Pop out into a window**, which moves the console into a separate window
|
|
54
|
+
while the code keeps running in the page (so in window mode the code can
|
|
55
|
+
still change the page). Close the window or click **Bring it back** to
|
|
56
|
+
move the console back into the page.
|
|
57
|
+
- **Copy as HTML**, which gives you the HTML for this console (with its
|
|
58
|
+
current code, its original code or no code) as an embed snippet or a full
|
|
59
|
+
page that you can copy or download. Only the `data-*` attributes that were
|
|
60
|
+
set on the script tag are included.
|
|
61
|
+
- **Reset**, which clears the console and puts the original code back into
|
|
62
|
+
the editor. In worker mode this also stops any code that is still running
|
|
63
|
+
(eg. an infinite loop) by starting a new worker.
|
|
64
|
+
- **About JS Box**
|
|
56
65
|
|
|
57
66
|
### Attributes
|
|
58
67
|
|