FM Design
Would you like to react to this message? Create an account in a few clicks or log in to continue.

IMPORTANT

FM Design is in read-only mode, please click here for more information.

Latest topics
» Forumactif Edge - Releases
by Ange Tuteur Tue 03 Sep 2019, 11:49

» GIFActif - Giphy Button for the Editor
by Ange Tuteur Wed 08 May 2019, 17:21

» Forum Closure
by Ange Tuteur Mon 01 Jan 2018, 01:28

» Chit Chat Thread
by Valoish Sun 31 Dec 2017, 19:15

» Font/Text background color.
by Valoish Sun 31 Dec 2017, 19:11

» Forumactif Messenger - Instant Message Application for Forumotion
by Wolfuryo Sun 31 Dec 2017, 18:24

» [GAME] Count to One Million!
by brandon_g Fri 29 Dec 2017, 18:58

» Post Cards
by manikbiradar Wed 20 Dec 2017, 07:50

» [GAME] Countdown from 200,000
by Valoish Wed 13 Dec 2017, 23:22

» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Mon 11 Dec 2017, 19:12

» Asking about some plugin for Forumotion
by Dr Jay Mon 11 Dec 2017, 19:10

» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51

» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11

» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19

» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34

Recent Tutorials
Top posting users this month

Who is online?
In total there are 16 users online :: 0 Registered, 0 Hidden and 16 Guests

None

[ View the whole list ]


Most users ever online was 515 on Tue 14 Sep 2021, 15:24

Quick editor [Project]

View previous topic View next topic Go down

Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12004
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Sat 08 Feb 2014, 01:57

Hello everyone,

I am here to notify you of a change on the forum index. Clicking the title of a forum will now load the topics list of that forum.

Quick editor [Project] Captu108

Currently I have added three options to the nav of the quick topic list. The options are as follows :

See more
Clicking this link will take you directly to that forum.

Create a new topic
Will take you directly to the editor to create a new topic in that forum.

Close
Clicking this closes the current topic list.

We will consider this beta stage since I have wrote this up yesterday evening. I plan to improve on this further. So, if you encounter any bugs please remember to report them here.

Many thanks Smile


Last edited by Ange Tuteur on Sun 16 Mar 2014, 07:40; edited 2 times in total
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12004
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Wed 12 Feb 2014, 07:22

Hello,

Currently I have started work on a quick editor for the create a topic button. It should popup if you're logged in, otherwise you will be taken to login.

Quick editor [Project] Captu109

The editor itself is not fully functional, but you are able to send your messages to whichever forum you clicked on. I will probably begin further work tomorrow, or when I am free.

See you soon.
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12004
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Wed 26 Feb 2014, 04:57

Hello,

The editor for 'create a new topic' has had a few updates. So far the basic font styles have been added, they are :

Quick editor [Project] Captu114

Bold
Italic
Underline
Strike

The test button is for me when I am working on new functions. The quick previewing is partially functioning, you may notice some things wont format. If you encounter any bugs do not hesitate.

I will continue work on this further when I am free. Smile
Rhino.Freak
Rhino.Freak

Gender : Male
Age : 27
Posts : 275
Points : 4219
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
http://tokyoghoular.foruns.com.pt/

PostRhino.Freak Thu 27 Feb 2014, 10:27

Niice .. i always liked the idea of self created editors.. very cool!! Smile keep it up
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12004
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Thu 27 Feb 2014, 10:37

Tank you, I been working on the previewer and style today, but I'll work on some more options soon, maybe tomorrow if I am well.
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12004
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Fri 28 Feb 2014, 13:09

Good evening,

Today, 2 new buttons have been added to the editor.

The first is Align which allows you to adjust the alignment of the text. Clicking any option from the list will insert those tags.

Quick editor [Project] Captu116

The last is Quote which will allow you to insert a quote. You can insert a blank quote, or a quote with the author.

Quick editor [Project] Captu117
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12004
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Sun 02 Mar 2014, 17:02

More buttons have been added. You can now edit posts with the quick editor by clicking the edit button. If you want to use the default editor, use the link at the bottom of the quick editor.

If you encounter any bugs, do not hesitate to report them here.

Thank you Smile
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12004
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Wed 05 Mar 2014, 19:54

The editor will now work on quoting and posting replies.

Font size has also been added in :
Quick editor [Project] Captu119

Work has also begun on a color palette. I will be adding color names :
Quick editor [Project] Captu120

I was also thinking of adding an input field to allow you to type the hex or color name you want.

If you want to contribute any ideas, feel free. Smile
bucnong
bucnong
New Member
Gender : Unspecified
Posts : 1
Points : 3667
Reputation : 0
Language : vietnam
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other

Postbucnong Thu 06 Mar 2014, 03:52

very cool!!Thanks @@ not share?
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12004
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Thu 06 Mar 2014, 09:35

bucnong wrote:very cool!!Thanks @@ not share?
Thanks, but how can I share it when it's not complete ? Neutral
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12004
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Fri 07 Mar 2014, 16:34

Hello,

For now I have finished work on the colors. I decided to delete my old work and create a color cube layout; I love that layout.. Razz

Quick editor [Project] Captu121

Hovering over any of the colors will show its hex in the input, and its color at a larger scale. You can also type the color you want in the input field, and click the enter key to insert that color.
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12004
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Sun 16 Mar 2014, 07:39

Hello,

For now I am finished developing/experimenting with this. Below if you wish, you can play around and use this editor as you wish. Note that this was mainly developed for version phpbb3. I also cannot assure that it will work 100% as I was mainly working on this for practice.

You can find the source here :
http://www.mediafire.com/view/n1w0thd276418ak/Project_quick_editor.txt

The code should be added in javascript management and all pages. It should run when creating topics, replies, or editing. Also note that the previewing is partial and may not be 100% true of what you'll really get.
sivastar
sivastar
New Member
Gender : Unspecified
Posts : 2
Points : 3601
Reputation : 0
Location : Malaysia
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
http://www.siva.forumta.net https://www.facebook.com/sivastar

Postsivastar Mon 12 May 2014, 13:04

Fantastic Admin,
Working charm in Phpbb3.

Google transliteration script not working with this editor.

Code:
<script type="text/javascript" src="https://www.google.com/jsapi">
    </script> <script type="text/javascript">
google.load("elements", "1", {
            packages: "transliteration"          });
      function onLoad() {
        var options = {
          sourceLanguage: 'en',
          destinationLanguage: ['ta'],
          shortcutKey: 'alt+g',
          transliterationEnabled: true        };
             var control =
            new google.elements.transliteration.TransliterationControl(options);
        var ids = ["text_editor_textarea"];
        control.makeTransliteratable(ids);
        control.showControl('translControl');      }
      google.setOnLoadCallback(onLoad);
    </script>
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12004
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Wed 21 May 2014, 19:46

Do you encounter an error in your console ? (F12)
sivastar
sivastar
New Member
Gender : Unspecified
Posts : 2
Points : 3601
Reputation : 0
Location : Malaysia
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
http://www.siva.forumta.net https://www.facebook.com/sivastar

Postsivastar Thu 22 May 2014, 17:07

Ange Tuteur wrote:Do you encounter an error in your console ? (F12)

var ids = ["text_editor_textarea"];

here is the problem.

text_editor_textarea - not working like the Sceditor.
Ch@lo Valdez
Ch@lo Valdez

Gender : Male
Age : 48
Posts : 65
Points : 3649
Reputation : 5
Location : Mexico
Language : eng spa
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3

PostCh@lo Valdez Sun 21 Dec 2014, 00:07

works fine it's posible create a new theme with this editor, but ajax way?
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12004
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Sun 21 Dec 2014, 20:36

You can edit the stye of it from inside the script. Just fine this :
Code:
    '<style id="editorStyle">'+
    '#quickEditor, #quickPreview {background:#D1D1D1;position:fixed;border-radius:5px;box-shadow:0px 0px 2px rgba(0,0,0, 0.5) inset;top:100px;left:100px;right:100px;padding:4px;z-index:15050;}'+
    '#editorFilter, #previewFilter, #loadingFilter {position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0, 0.5);z-index:15000;}'+
    '.closeButton {color:#fff;font-size:10px;font-weight:bold;background:rgba(0,0,0,0.6);box-shadow:0px 0px 2px rgba(0,0,0,1) inset;text-shadow:0px 0px 1px #000;display:inline-block;border-radius:30px;padding:3px 6px;cursor:pointer;position:absolute;top:-5px;right:-5px;}'+
    '.closeButton:hover {background:#D56262;}'+
    '.quickEditorNav {font-size:10px;padding:6px 0px;}'+
    '.quickEditorButton {display:inline-block;color:#333;font-weight:bold;background:#DDD;border:1px solid #BBB;padding:3px 6px;margin:0px 3px;cursor:pointer;}'+
    '.quickEditorButton:hover {background:#CCC;border:1px solid #AAA;}'+
    '.quickPreviewContent {max-height:330px;overflow-y:auto;word-wrap:break-word;font-size:1.3em;padding:0px 6px;}'+
    '.editorPopup {display:none;position:absolute;color:#333;font-size:10px;background:#fff;border:1px solid #ccc;padding-top:3px;box-shadow:1px 2px 4px rgba(0,0,0,0.2);}'+
    '.listOption {cursor:pointer;padding:3px 6px; }'+
    '.listOption:hover { background:#eee;text-decoration:underline; }'+
    '.listOption:active { background:#ffa; }'+
    '.editorInput, #colorHex {margin:6px 0;padding:3px;cursor:text;}'+
    '.noSelect {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}'+
    '.paletteColor {font-size:0;height:10px;width:10px;border:1px solid #fff;display:inline-block;cursor:pointer;}'+
    '.paletteColor:hover {border-color:#333;}'+
    '#fontColor { padding:0; }'+
    '#fontColor div { margin:0; }'+
    '.marginR {margin-right:10px !important;}'+
    '.colorPanel {padding:3px !important;border-bottom:1px solid #CCC;}'+
    '#hoverColor {width:48px;height:18px;border:1px solid #CCC;display:inline-block}'+
    '#colorHex {margin:0 3px !important;vertical-align:top;padding:2px;}'+
    '.loadingData {color:#fff;font-size:24px;position:absolute;top:45%;left:45%;}'+
    '</style>'+
Michael_vx
Michael_vx

Gender : Male
Age : 32
Posts : 302
Points : 4057
Reputation : 76
Language : Arabic
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
http://miccsoft.net https://www.facebook.com/Michaelvx2008

PostMichael_vx Mon 29 Dec 2014, 02:53

hi Ange looks super great project Very Happy
can i have more info
like how it will work or where and how ill see it Very Happy
some how on the testing forum is not working Suspect
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12004
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Mon 29 Dec 2014, 15:37

This was pretty old, so I'm not exactly sure. I know for a fact that I developed it on phpbb3, other than that it's pretty outdated and bug prone. lol!
Sponsored content

PostSponsored content

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

 
Permissions in this forum:
You cannot reply to topics in this forum