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 » Create New BBCode Tags with ScEditor

Create New BBCode Tags with ScEditor

2 posters
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 : 129487
    Create New BBCode Tags with ScEditor


    Overview

    Description

    With this code you can create your own BBcode tags if you are using a ScEditor editor.

    Demonstration (one possible example)

    Create New BBCode Tags with ScEditor Sem_ty12

    Technical limitations

    › This tutorial can be run also on Forumotion forums
    › Requires to be using ScEditor

    Installation

    Introduction

    The resource will take as an example the development of some tables for the use of moderatos, such as:

    Create New BBCode Tags with ScEditor Sem_ty13

    CSS

    In order to design the style of the resource, you need to go towards Administration Control Panel (ACP) Display CSS & Colors CSS Style Sheet and add append the following code:

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



    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: In all pages
    • Code:

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



    Javascript Customization

    In this default example
    Code:
    [tagname="Title"]My Content[/tagname]
    can be replaced by
    Code:
    <div class="some-class"><p>Title</p>My Content</div>


    Create my custom BBcode

    Inside the
    Code:
    add: []
    line you can add and modify all the BBcodes you want. This is a brief documentation on the attributes.

    close

    ->
    Code:
    close: true
    <- means the tag needs to be closed. For example:
    Code:
    [tagname]My Content[/tagname]

    defaultOption

    ->
    Code:
    defaultOption
    <- will add a default "title" if one is not entered in the first tag. For example... If you add
    Code:
    defaultOption: 'SOME TEXT'

    Code:
    [tagname]My Content[/tagname]

    Can be replaced by
    Code:
    <div class="some-class"><strong>SOME TEXT</strong>My Content</div>
    'SOME TEXT' will be added automatically if you do not have a predefined title

    replacement

    ->
    Code:
    replacement
    <- will replace the tags with an html structure defined by you. For example:
    Code:
    replacement: '<div class="notice notice-alert"><h5>{option}</h5><p>{content}</p></div>'

    The [alert] tag would be replaced by the html structure defined above.
    You need to reply to the topic in order to see the code resources



    replace

    You can use replace to change tag values by creating a function with some kind of predefined condition or something. For example:
    You need to reply to the topic in order to see the code resources



    Notes

    Approved byNiko
    Approved on January 29th, 2022
    Tested on Most recent browsers
    Difficulty level  / 
    Source [[Tutorial] Create New BBCode Tags

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



    Valid
    Joost
    • Iperactive

      Community veteran
      You belong to this community since its ancient time
      Forumotion expert
      This user is an expert with Forumotion free forum hosting
      Active Contributor
      The user has wrote more than 100 posts and comments
      Post lover
      You have liked more than 50 posts!
      Forum Writer
      You have opened more than 20 topics on the forum
      Members true love
      You have received more than 15 likes on your posts. Seems our members really like you!
      Passioned user
      You have participated in 50+ different topics, a true fan!
        Posts : 331
        Points : 92462
      Nice tutorial, thanks! :)

      Topic Actions

      Sponsored




      FMCodes • All-in-one Webmasters community  » Coding Community » Javascript & jQuery » Javascript & jQuery Tutorials » Create New BBCode Tags with ScEditor

      ©phpBB | Contact | Report an abuse | Cookies