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 » SyncEditor - Preview when posting messages

SyncEditor - Preview when posting messages

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
    SyncEditor - Preview when posting messages


    Overview

    Description

    If you've used StackOverflow before, then you know they have a simplified version of SCEditor that uses Forumotion. However, their editor shows a preview of the post as the user types .

    With this plugin, that feature is now available on Forumotion!

    Demonstration

    SyncEditor - Preview when posting messages Captur10

    Technical limitations

    › This tutorial is dedicated to the forums powered by Forumotion free forum service
    › It works with all Forumotion forums' versions

    Installation

    Introduction

    General remarks or considerations about the installation

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

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



    Javascript Customization

    • Editing Translations
      You can edit this part of the code to customize the default text:
      Code:
      var lang = {
                preview: 'Anteprima', // ALL VERSIONS
                subject: 'Titolo', // PHPBB2
                appearance: 'Questo è come il tuo post comparirà una volta pubblicato' // PUNBB
              },

    • If you have activated the tutorial for selecting codes in the "code" BBtag, then change this part from false to true
      Code:
      select_code = false

    • If you want to hide the "Preview" button present by default and use only the new direct preview, modify
      Code:
      preview_button_enabled = false


    Notes

    Approved byNiko
    Approved on January 30th, 2022
    Tested on Most recent browsers
    Difficulty level  / 
    Source SyncEditor - Preview when posting messages

    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
    hoanglongnhatbao


    • Community veteran
      You belong to this community since its ancient time
      Passioned user
      You have participated in 50+ different topics, a true fan!
      Active Contributor
      The user has wrote more than 100 posts and comments
      Post lover
      You have liked more than 50 posts!
      Members Guru
      You have received more than 50 likes on your posts. Our members really what you have to say!
        Posts : 145
        Points : 93767
      Thanks@Niko

      Topic Actions

      Sponsored




      FMCodes • All-in-one Webmasters community  » Coding Community » Javascript & jQuery » Javascript & jQuery Tutorials » SyncEditor - Preview when posting messages

      ©phpBB | Contact | Report an abuse | Cookies