FMCodes • All-in-one Webmasters community
Would you like to react to this message? Create an account in a few clicks or log in to continue.

You are not connected. Please login or register

FMCodes • All-in-one Webmasters community  » Coding Community » Javascript & jQuery » Javascript & jQuery Tutorials » Add more fonts in your ScEditor

Add more fonts in your ScEditor

+21
KUDO
Zamasu
Hoang Nguyen
Daniel Carter
Yuushishio
serena1
shady010
YoshiGM
h.a.ss.a.n
boom
Finery Workshop
kodokguell
Kané Dendou
deaneo8
grow
Charisma Clash
DooGy00
Delsin
Dariusnl
eManuel
Niko
25 posters

Go to page : Previous  1, 2

Valid
Niko
  • Forum Administrator

    Team contributor
    You have been part of the community team
    Community veteran
    You belong to this community since its ancient time
    Active Contributor
    The user has wrote more than 100 posts and comments
    Passioned user
    You have participated in 50+ different topics, a true fan!
    Post lover
    You have liked more than 50 posts!
    Beta Tester
    You have been part of the Beta-Testing team
    Forumotion expert
    This user is an expert with Forumotion free forum hosting
    10th Anniversary (Grand Re-open)
    Thanks for being part of our grand re-opening
    Merry Christmas 2022
    Thanks for having been with us during Christmas season!
    Forum Writer
    You have opened more than 20 topics on the forum
    The Life of the Party
    You have made more than 20 members in our community, wow!
    Members Guru
    You have received more than 50 likes on your posts. Our members really what you have to say!
      Posts : 3614
      Points : 129527
    First topic message reminder :

    Add more fonts in your editor


    Overview

    Description

    This tutorial will allow you to insert new fonts into your editor, so you can use them to format your text!

    Demonstration

    Add more fonts in your ScEditor - Page 2 Captur15

    Technical limitations

    › Requires to have ScEditor installed
    › It also works with all Forumotion forums' versions

    Installation


    Javascript & jQuery

    For the next step you need to go towards Administration Control Panel (ACP) Modules HTML & Javascript Javascript codes management and create a new code - upon verifying that Javascript codes management is enabled.

    • Title: free choice - does not influence the code effect
    • Where: All pages
    • Code:

      You need to reply to the topic in order to see the code resources



    Javascript Customization

    To add more fonts to the list just write
    Code:
    addFont ();
    and between the brackets you will write the font you want in quotation marks, for example:
    Code:
    addFont('Baskerville');

    If the font is not installed on a users computer, they will not see the font added to the Editor when it is used!


    Final considerations

    If you add a lot of source the popup is too long, you can add a scroll bar with CSS. Simply add the following code to your stylesheet:
    Code:
    .sceditor-font-picker {
      height:250px;
      width:150px;
      overflow-y:auto;
    }

    Notes

    Approved byNiko
    Approved on January 30th, 2022
    Tested on Most recent browsers
    Difficulty level  / 
    Source Add more fonts in your editor

    This resource belong to this community unless differently stated.
    No reproduction possible without our agreement, in accordance with article L122-1 of the CPI.



    Last edited by Niko on Sun Jan 30, 2022 12:01 am; edited 1 time in total

    Valid
    Beyonder


    • 10th Anniversary (Grand Re-open)
      Thanks for being part of our grand re-opening
      Passioned user
      You have participated in 50+ different topics, a true fan!
      Active Contributor
      The user has wrote more than 100 posts and comments
      Members true love
      You have received more than 15 likes on your posts. Seems our members really like you!
      Community veteran
      You belong to this community since its ancient time
        Posts : 149
        Points : 74591
      Keep it up!

      Topic Actions

      Go to page : Previous  1, 2

      Sponsored




      FMCodes • All-in-one Webmasters community  » Coding Community » Javascript & jQuery » Javascript & jQuery Tutorials » Add more fonts in your ScEditor

      ©phpBB | Contact | Report an abuse | Cookies