View Demo More works ↑ For more instructions and payment methods, see the author's introduction
This plug-in aims to add "Run Code", "Copy", "Edit Mode", "Collapse" and other function buttons to the HTML/CSS/JS code fragments posted in the article, and also add function buttons other than "Run Code" to all program codes such as PHP, JAVA, ASP, without affecting the highlighting effect of the original code.
All functions are implemented based on the ZBP default editor (newly added Markdown editor support) and the attached jQuery library, which is compatible with most standard topics and the system default code highlighting plug-in. According to the feedback of many users over the years, it seems that some people use this plug-in as a pure content copying plug-in
Does the website look professional? Is the user experience great? A small plug-in can help you add points!
Plug in Introduction ↓
Add function buttons such as run, copy and fold for the code block, and the general color buttons are beautiful in style;
The copy function is compatible with a variety of browsers, and the successful prompt uses dynamic floating characters, which has a cool user experience;
The copyright information of the site can be added automatically when the code is copied by one button (the content can be set);
Support the display of codes in text boxes and the default folding of codes;
When the text box displays code, it supports setting the length height, and the code length is not afraid of being long;
See the update instructions for the details of subsequent upgrade enhancements;
--------------------------------
v3.3 : One time cumulative update and compatibility improvement;
--------------------------------
V3.2: Adjust two compatible details; Fix the problem of invalid button settings due to recent updates (Thanks for the feedback from the user Little Walnut) ;
--------------------------------
V3.1: Connecting pipe style is not added to continuous code line breaks for code highlighting (Thanks for user feedback on rainy nights, sunny days, etc.) ;
--------------------------------
V3.0: Add Markdown editor support. When adding and publishing articles, set the function buttons to be displayed separately;
--------------------------------
V2.9: Add function button to select display, upgrade and copy JS plug-in and other optimizations (Thank Lucky Map, XYG, zh918, Love Free Bar and other users for their feedback and suggestions) ; [Note to old users: Therefore, the new version button selects the display function. After the update, you need to select the plug-in settings]
--------------------------------
V2.8: Improve the editing mode function and support real-time running demonstration of modified results (Thanks ☺ Feedback suggestions) ;
--------------------------------
V2.7: Upgrade the one button copy function, no longer rely on flash controls, and even support some mobile browsers;
--------------------------------
V2.6: Change the calling file to an absolute path for non root websites; (Thanks for feedback from X - rapido)
--------------------------------
v2.5: Perform mobile terminal judgment to hide the copy function, so as to avoid the prompt of incompatible FLASH controls (Flash controls have been completely abandoned in v2.7) (Thanks for the confidence of group friends and the feedback and suggestions of user Amals) ;
--------------------------------
V2.4: Flattening, color beautification and style detail optimization of function buttons;
--------------------------------
V2.3: Upgrade the plug-in invalid completion rules for individual cases; (Thanks for Sun's feedback)
--------------------------------
V2.2: For UEditor Editor Upgrade rules change and upgrade, and optimize the "optimal height" logic again; (Thanks for Ouguohong's feedback)
--------------------------------
V2.1: beautify buttons, optimize the logic of "optimal height", and text box width. Safari browser compatible;
View attached drawings ↓
Version 3.0 supports separate setting of function buttons when an article is published:
Paste the code diagram through the editor :
Rendering of normal plug-in enabling :
Tips: Please do not enable the free version of the current plug-in at the same time to prevent conflicts.