2016-02-27, 11:01 PM
(This post was last modified: 2021-09-23, 08:57 AM by martec. Edited 34 times in total.)
Rin Editor (Powerd by CKEditor)
Grateful to everyone who helped me in alpha and beta stage of development.
Special thanks to CKEditor and punBB (source mode editor code based in punBB).
Exclusive features:
- Imgur multiple image upload button
- Easy add new button in ACP
- Automention plugin support (http://community.mybb.com/thread-173199.html)
- Can remove buttons that you not use in ACP
Other features:
- Quick Quote
- Auto Save
Tips:
- Tips: How unofficially add table plugin
- How activate "Unofficial support for base64 images"
- Tips: How unofficially enable imgur drag and drop support
- Tips: How unofficially enable background color for text
- Example of how to change imgur dragdrop support to your own server or host
Change Log:
https://community.mybb.com/mods.php?acti...og&pid=657
Download:
http://community.mybb.com/mods.php?action=view&pid=657
https://github.com/martec/Rin-Editor/releases/latest
Demo:
https://sites.minnasuki.com/1820
popup user and password
user: test
pass: test123
user and password in test forum
user: testuser
pass: test123
How install:
Unistall any other related plugin (quick advanced editor etc)
Upload this plugin
Now install
How add spoiler button (with Rin Editor is very very easy):
1 -Go to ACP and Setting of plugin.
2 - Now you need choice what place you want add spoiler button and add spoiler word in input.
- If you want add only in quick reply and quick edit place add spoiler word in "Add new button in Clickable MyCode Editor in other place" or "Add new button in Clickable MyCode Editor with Description in other place".
- If you want add in other place that not in quick reply and quick edit place so add spoiler word in "Add new button in Clickable MyCode Editor in full mode place" or "Add new button in Clickable MyCode Editor with Description in full mode place"
3 - Upload image to new button that you created in ACP
Location to put image:
1.1.3 or above
root/jscripts/rin/editor/skins/[yourskin]/icons
1.1.2 or below
root/jscripts/rin/editor/icons
Dimension: 16x16 px, File name: Exactly same of button name, File extension: png.
so in this case file name of image is spoiler.png
4 - It's all, not has more steps, now you have spoiler button in your Rin Editor.

What mean with Description ??
Clickable MyCode Editor with Description ==> button like [xxx=yyy][/xxx] Ex: [spoiler=movie][/spoiler]
Clickable MyCode Editor ==> button like [xxx][/xxx] Ex: [spoiler][/spoiler]
How install new skin in Rin Editor v 1.0.4 or above:
1 - Download new skin in http://ckeditor.com/addons/skins/all -> e.g. moono-dark
2 - Extract in root/jscripts/rin/editor/skins/
3 - Rename folder and add "rin-" -> e.g. rin-moono-dark
For 1.8.20 or before
4a - Create empty css file in root/jscripts/sceditor/editor_themes with same name of step 3 -> e.g. rin-moono-dark.css
For 1.8.21 or newer
4a - Create empty css file in root/jscripts/sceditor/themes with same name of step 3 -> e.g. rin-moono-dark.css
4b - Copy 4a and rename and add "b_" -> e.g. b_rin-moono-dark.css (this is used to set black text-area)
5 - Go to ACP -> Template & Style -> Themes -> Your Theme -> Editor Style -> Choice skin that you installed (e.g. rin-moono-dark for blank textarea or b_rin-moono-dark.css for black textarea)
6 - Click in "Save Theme Properties"
7 - Repeat steps to all other themes of mybb that you using. You can select different skin for each theme.
How install new skin in Rin Editor v 0.7.0 or above:
1 - Download new skin in http://ckeditor.com/addons/skins/all -> e.g. moono-dark
2 - Extract in root/jscripts/rin/editor/skins/
3 - Rename folder and add "rin-" -> e.g. rin-moono-dark
For 1.8.20 or before
4 - Create empty css file in root/jscripts/sceditor/editor_themes with same name of step 3 -> e.g. rin-moono-dark.css
For 1.8.21 or newer
4 - Create empty css file in root/jscripts/sceditor/themes with same name of step 3 -> e.g. rin-moono-dark.css
5 - Go to ACP -> Template & Style -> Themes -> Your Theme -> Editor Style -> Choice skin that you installed (e.g. rin-moono-dark)
6 - Click in "Save Theme Properties"
7 - Repeat steps to all other themes of mybb that you using. You can select different skin for each theme.
Before report bug:
- Check if bug happen too in http://sdk.ckeditor.com/samples/bbcode.html
How report bug:
Offer steps to reproduce bug, if i not can reproduce bug, is impossible to fix.
Screenshot, video etc... help to i understand what happeining.
Answer question below:
- What browser you using?
- Bug happen too in http://sdk.ckeditor.com/samples/bbcode.html ?
People that having issue with duplicate thing:
1 - Unistall this plugin
2 - Revert to original all below template:
-showthread
-private_quickreply
-showthread_quickreply
-postbit_classic
-postbit
-post_attachments_attachment_postinsert
-calendar_addevent
-calendar_editevent
-editpost
-modcp_announcements_edit
-modcp_announcements_new
-modcp_editprofile
-newreply
-newthread
-private_send
-usercp_editsig
-warnings_warn_pm
3 - Install again.
Donate:
Thanks.