Latest topics
» "Edit this page" feature
by skouliki Today at 01:37

» Dark Mode + Another Question
by Haggis Yesterday at 10:36

» [GAME] Count to 1000 using even numbers Van-Helsing Edition
by Van-Helsing Tue 17 Oct 2017, 15:07

» [GAME] What are you thinking right now?
by Ace 1 Tue 17 Oct 2017, 08:09

» [GAME] Count to One Million!
by Ace 1 Tue 17 Oct 2017, 08:07

» [GAME] Last Letter Game
by Ace 1 Tue 17 Oct 2017, 08:06

» [GAME] World Snake
by Ace 1 Tue 17 Oct 2017, 08:06

» [GAME] Never have I ever..
by Ace 1 Tue 17 Oct 2017, 08:06

» [GAME] Animal Game
by universecat Mon 16 Oct 2017, 21:43

» [GAME] Post a random picture
by SLGray Mon 16 Oct 2017, 16:28

» Hi everyone!
by skouliki Mon 16 Oct 2017, 02:01

» Hai Guys~
by skouliki Mon 16 Oct 2017, 01:59

» Add a login popup for the toolbar
by Ape Sun 15 Oct 2017, 13:51

» Mobile Usability Test
by Ange Tuteur Sat 14 Oct 2017, 11:20

» Chit Chat Thread
by Ange Tuteur Sat 14 Oct 2017, 11:20

Recent Tutorials
Who is online?
In total there are 8 users online :: 0 Registered, 0 Hidden and 8 Guests :: 1 Bot

None

[ View the whole list ]


Most users ever online was 172 on Fri 19 Feb 2016, 05:17

Quick editor [Project]

View previous topic View next topic Go down

avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4698
Points : 9537
Reputation : 2337
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on 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.


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
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4698
Points : 9537
Reputation : 2337
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on 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.



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.
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4698
Points : 9537
Reputation : 2337
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on 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 :



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
avatar
Rhino.Freak

Title :
Lord of the 7 kingdoms and protector of the realm
Gender : Male
Age : 21
Posts : 275
Points : 1877
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://tokyoghoular.foruns.com.pt/

PostRhino.Freak on Thu 27 Feb 2014, 10:27

Niice .. i always liked the idea of self created editors.. very cool!! Smile keep it up
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4698
Points : 9537
Reputation : 2337
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on 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.
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4698
Points : 9537
Reputation : 2337
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on 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.


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

avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4698
Points : 9537
Reputation : 2337
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on 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
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4698
Points : 9537
Reputation : 2337
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Wed 05 Mar 2014, 19:54

The editor will now work on quoting and posting replies.

Font size has also been added in :

Work has also begun on a color palette. I will be adding color names :

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
avatar
bucnong
New Member
Title :
Gender : Unspecified
Posts : 1
Points : 1325
Reputation : 0
Language : vietnam
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
Awards :
View all awards
View user profile

Postbucnong on Thu 06 Mar 2014, 03:52

very cool!!Thanks @@ not share?
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4698
Points : 9537
Reputation : 2337
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on 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
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4698
Points : 9537
Reputation : 2337
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on 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


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.
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4698
Points : 9537
Reputation : 2337
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on 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.
avatar
sivastar
New Member
Title :
Gender : Unspecified
Posts : 2
Points : 1259
Reputation : 0
Location : Malaysia
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
Awards :
View all awards
View user profile http://www.siva.forumta.net https://www.facebook.com/sivastar

Postsivastar on 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>
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4698
Points : 9537
Reputation : 2337
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Wed 21 May 2014, 19:46

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

Postsivastar on 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.
avatar
Ch@lo Valdez

Title :
Hello!!
Gender : Male
Age : 42
Posts : 65
Points : 1307
Reputation : 5
Location : Mexico
Language : eng spa
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile

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

works fine it's posible create a new theme with this editor, but ajax way?
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4698
Points : 9537
Reputation : 2337
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on 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>'+
avatar
Michael_vx

Title :
Gender : Male
Age : 25
Posts : 301
Points : 1713
Reputation : 75
Language : Arabic
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
Awards :
View all awards
View user profile http://miccsoft.net https://www.facebook.com/Michaelvx2008

PostMichael_vx on 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
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4698
Points : 9537
Reputation : 2337
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on 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!

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