diff --git a/.idea/codeStyles/codeStyleConfig.xml b/.idea/codeStyles/codeStyleConfig.xml new file mode 100644 index 0000000..a55e7a1 --- /dev/null +++ b/.idea/codeStyles/codeStyleConfig.xml @@ -0,0 +1,5 @@ + + + + \ No newline at end of file diff --git a/.idea/commandlinetools/Laravel_29_09_20_08_53.xml b/.idea/commandlinetools/Laravel_29_09_20_08_53.xml new file mode 100644 index 0000000..639cdf3 --- /dev/null +++ b/.idea/commandlinetools/Laravel_29_09_20_08_53.xml @@ -0,0 +1,2771 @@ + + + + + clear-compiled +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + down +
Options:
--messageThe message for the maintenance mode
--retryThe number of seconds after which the request may be retried
--allowIP or networks allowed to access the application while in maintenance mode
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + + + + env +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + help + help command displays help for a given command:

php D:/Temp Data Save/ThemeParkPanel Laravel/artisan help list

You can also output the help in other formats by using the --format option:

php D:/Temp Data Save/ThemeParkPanel Laravel/artisan help --format=xml list

To display the list of available commands, please use the list command.

Options:
--formatThe output format (txt, xml, json, or md)
--rawTo output raw command help
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + command_name[=null] + + + + + + + + + + + + + + + list + list command lists all commands:

php D:/Temp Data Save/ThemeParkPanel Laravel/artisan list

You can also display the commands for a specific namespace:

php D:/Temp Data Save/ThemeParkPanel Laravel/artisan list test

You can also output the information in other formats by using the --format option:

php D:/Temp Data Save/ThemeParkPanel Laravel/artisan list --format=xml

It's also possible to get raw list of commands (useful for embedding command runner):

php D:/Temp Data Save/ThemeParkPanel Laravel/artisan list --raw

Options:
--rawTo output raw command list
--formatThe output format (txt, xml, json, or md)

]]> + namespace[=null] + + + + + + + migrate +
Options:
--databaseThe database connection to use
--forceForce the operation to run when in production
--pathThe path(s) to the migrations files to be executed
--realpathIndicate any provided migration file paths are pre-resolved absolute paths
--pretendDump the SQL queries that would be run
--seedIndicates if the seed task should be re-run
--stepForce the migrations to be run so they can be rolled back individually
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + + + + + + + + optimize +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + preset +
Options:
--optionPass an option to the preset command
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + type + + + + + + + + + + + + + + serve +
Options:
--hostThe host address to serve the application on
--portThe port to serve the application on
--triesThe max number of ports to attempt to serve from
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + + + + tinker +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + include[=null] + + + + + + + + + + + + + ui +
Options:
--authInstall authentication UI scaffolding
--optionPass an option to the preset command
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + type + + + + + + + + + + + + + + + up +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + auth:clear-resets +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + name[=null] + + + + + + + + + + + + + cache:clear +
Options:
--tagsThe cache tags you would like to clear
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + store[=null] + + + + + + + + + + + + + + cache:forget +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + key store[=null] + + + + + + + + + + + + + cache:table +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + config:cache +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + config:clear +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + db:seed +
Options:
--classThe class name of the root seeder
--databaseThe database connection to seed
--forceForce the operation to run when in production
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + + + + db:wipe +
Options:
--databaseThe database connection to use
--drop-viewsDrop all tables and views
--drop-typesDrop all tables and types (Postgres only)
--forceForce the operation to run when in production
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + + + + + event:cache +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + event:clear +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + event:generate +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + event:list +
Options:
--eventFilter the events by name
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + + flare:test +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + geoip:clear +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + geoip:update +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + key:generate +
Options:
--showDisplay the key instead of modifying files
--forceForce the operation to run when in production
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + + + make:channel +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + name + + + + + + + + + + + + + make:command +
Options:
--commandThe terminal command that should be assigned
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + name + + + + + + + + + + + + + + make:controller +
Options:
--model(-m)Generate a resource controller for the given model.
--resource(-r)Generate a resource controller class.
--invokable(-i)Generate a single method, invokable controller class.
--parent(-p)Generate a nested resource controller class.
--apiExclude the create and edit methods from the controller.
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + name + + + + + + + + + + + + + + + + + + make:enum +
Options:
--methodThe method name that should be added to the enum
--valueThe value that should be added to the enum
--formatterThe formatter to use for the value to method conversion (snake, const, studly, camel)
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + name + + + + + + + + + + + + + + + + make:event +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + name + + + + + + + + + + + + + make:exception +
Options:
--renderCreate the exception with an empty render method
--reportCreate the exception with an empty report method
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + name + + + + + + + + + + + + + + + make:factory +
Options:
--model(-m)The name of the model
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + name + + + + + + + + + + + + + + make:job +
Options:
--syncIndicates that job should be synchronous
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + name + + + + + + + + + + + + + + make:listener +
Options:
--event(-e)The event class being listened for
--queuedIndicates the event listener should be queued
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + name + + + + + + + + + + + + + + + make:mail +
Options:
--force(-f)Create the class even if the mailable already exists
--markdown(-m)Create a new Markdown template for the mailable
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + name + + + + + + + + + + + + + + + make:middleware +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + name + + + + + + + + + + + + + make:migration +
Options:
--createThe table to be created
--tableThe table to migrate
--pathThe location where the migration file should be created
--realpathIndicate any provided migration file paths are pre-resolved absolute paths
--fullpathOutput the full path of the migration
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + name + + + + + + + + + + + + + + + + + + make:model +
Options:
--all(-a)Generate a migration, factory, and resource controller for the model
--controller(-c)Create a new controller for the model
--factory(-f)Create a new factory for the model
--forceCreate the class even if the model already exists
--migration(-m)Create a new migration file for the model
--pivot(-p)Indicates if the generated model should be a custom intermediate table model
--resource(-r)Indicates if the generated controller should be a resource controller
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + name + + + + + + + + + + + + + + + + + + + + make:notification +
Options:
--force(-f)Create the class even if the notification already exists
--markdown(-m)Create a new Markdown template for the notification
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + name + + + + + + + + + + + + + + + make:observer +
Options:
--model(-m)The model that the observer applies to.
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + name + + + + + + + + + + + + + + make:policy +
Options:
--model(-m)The model that the policy applies to
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + name + + + + + + + + + + + + + + make:provider +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + name + + + + + + + + + + + + + make:request +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + name + + + + + + + + + + + + + make:resource +
Options:
--collection(-c)Create a resource collection
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + name + + + + + + + + + + + + + + make:rule +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + name + + + + + + + + + + + + + make:seeder +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + name + + + + + + + + + + + + + make:test +
Options:
--unitCreate a unit test
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + name + + + + + + + + + + + + + + migrate:fresh +
Options:
--databaseThe database connection to use
--drop-viewsDrop all tables and views
--drop-typesDrop all tables and types (Postgres only)
--forceForce the operation to run when in production
--pathThe path to the migrations files to be executed
--realpathIndicate any provided migration file paths are pre-resolved absolute paths
--seedIndicates if the seed task should be re-run
--seederThe class name of the root seeder
--stepForce the migrations to be run so they can be rolled back individually
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + + + + + + + + + + migrate:install +
Options:
--databaseThe database connection to use
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + + migrate:refresh +
Options:
--databaseThe database connection to use
--forceForce the operation to run when in production
--pathThe path to the migrations files to be executed
--realpathIndicate any provided migration file paths are pre-resolved absolute paths
--seedIndicates if the seed task should be re-run
--seederThe class name of the root seeder
--stepThe number of migrations to be reverted & re-run
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + + + + + + + + migrate:reset +
Options:
--databaseThe database connection to use
--forceForce the operation to run when in production
--pathThe path(s) to the migrations files to be executed
--realpathIndicate any provided migration file paths are pre-resolved absolute paths
--pretendDump the SQL queries that would be run
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + + + + + + migrate:rollback +
Options:
--databaseThe database connection to use
--forceForce the operation to run when in production
--pathThe path(s) to the migrations files to be executed
--realpathIndicate any provided migration file paths are pre-resolved absolute paths
--pretendDump the SQL queries that would be run
--stepThe number of migrations to be reverted
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + + + + + + + migrate:status +
Options:
--databaseThe database connection to use
--pathThe path(s) to the migrations files to use
--realpathIndicate any provided migration file paths are pre-resolved absolute paths
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + + + + notifications:table +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + optimize:clear +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + package:discover +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + queue:failed +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + queue:failed-table +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + queue:flush +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + queue:forget +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + id + + + + + + + + + + + + + queue:listen +
Options:
--delayThe number of seconds to delay failed jobs
--forceForce the worker to run even in maintenance mode
--memoryThe memory limit in megabytes
--queueThe queue to listen on
--sleepNumber of seconds to sleep when no job is available
--timeoutThe number of seconds a child process can run
--triesNumber of times to attempt a job before logging it failed
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + connection[=null] + + + + + + + + + + + + + + + + + + + + queue:restart +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + queue:retry +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + id + + + + + + + + + + + + + queue:table +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + queue:work +
Options:
--queueThe names of the queues to work
--daemonRun the worker in daemon mode (Deprecated)
--onceOnly process the next job on the queue
--stop-when-emptyStop when the queue is empty
--delayThe number of seconds to delay failed jobs
--forceForce the worker to run even in maintenance mode
--memoryThe memory limit in megabytes
--sleepNumber of seconds to sleep when no job is available
--timeoutThe number of seconds a child process can run
--triesNumber of times to attempt a job before logging it failed
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + connection[=null] + + + + + + + + + + + + + + + + + + + + + + + route:cache +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + route:clear +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + route:list +
Options:
--columnsColumns to include in the route table
--compact(-c)Only show method, URI and action columns
--jsonOutput the route list as JSON
--methodFilter the routes by method
--nameFilter the routes by name
--pathFilter the routes by path
--reverse(-r)Reverse the ordering of the routes
--sortThe column (domain, method, uri, name, action, middleware) to sort by
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + + + + + + + + + schedule:finish +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + id + + + + + + + + + + + + + schedule:run +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + session:table +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + storage:link +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + ui:auth +
Options:
--viewsOnly scaffold the authentication views
--forceOverwrite existing views by default
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + type[=null] + + + + + + + + + + + + + + + vendor:publish +
Options:
--forceOverwrite any existing files
--allPublish assets for all service providers without prompt
--providerThe service provider that has assets you want to publish
--tagOne or many tags that have assets you want to publish
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + + + + + view:cache +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + view:clear +
Options:
--help(-h)Display this help message
--quiet(-q)Do not output any message
--verbose(-v)Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
--version(-V)Display this application version
--ansiForce ANSI output
--no-ansiDisable ANSI output
--no-interaction(-n)Do not ask any interactive question
--envThe environment the command should run under

]]> + + + + + + + + + + + + + diff --git a/.idea/commandlinetools/schemas/frameworkDescriptionVersion1.1.4.xsd b/.idea/commandlinetools/schemas/frameworkDescriptionVersion1.1.4.xsd new file mode 100644 index 0000000..f2efc6d --- /dev/null +++ b/.idea/commandlinetools/schemas/frameworkDescriptionVersion1.1.4.xsd @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/app/Cache/Cache.php b/app/Cache/Cache.php index d52e28d..3c525cf 100644 --- a/app/Cache/Cache.php +++ b/app/Cache/Cache.php @@ -3,92 +3,161 @@ namespace App\Cache; class Cache { + /** + * Get Username from API or cache + * + * @param $uuid + * @return bool|mixed The username if success or the UUID if failed + */ public static function getUsername($uuid) { - if(file_exists(storage_path('app/uuid/'.$uuid.'.json'))) { + if (file_exists(storage_path('app/uuid/'.$uuid.'.json'))) { $json = file_get_contents(storage_path('app/uuid/'.$uuid.'.json')); $json = json_decode($json, true); - if((time() - strtotime($json['time'])) > 3600) { - $json = file_get_contents('https://api.mojang.com/users/profiles/'.$uuid.'./names'); - if(empty($json)) { - $json = file_get_contents(storage_path('app/uuid/'.$uuid.'.json')); - $json = json_decode($json, true); + if ((time() - strtotime($json['time'])) > 3600) { + $username = self::getUsernameUncached($uuid); + if ($username == false) { + return $json['name']; + } else { + $json = []; + $json['id'] = $uuid; + $json['name'] = $username; + self::saveJson($json); return $json['name']; } - - $json = json_decode($json, true); - if(isset($json['error'])) { - $json = file_get_contents(storage_path('app/uuid/'.$uuid.'.json')); - $json = json_decode($json, true); - return $json['name']; - } - - $name = $json[count($json) -1]['name']; - $json = []; - $json['id'] = $uuid; - $json['name'] = $name; - self::saveJson($json); - return $json['name']; } else { return $json['name']; } } else { - $json = file_get_contents('https://api.mojang.com/user/profiles/'.$uuid.'/names'); - if(empty($json)) + $username = self::getUsernameUncached($uuid); + if ($username === $uuid) { return $uuid; - - $json = json_decode($json, true); - if(isset($json['error'])) - return $uuid; - - $name = $json[count($json) -1]['name']; - $json = []; - $json['id'] = $uuid; - $json['name'] = $name; - self::saveJson($json); - return $json['name']; + } else { + $json = []; + $json['id'] = $uuid; + $json['name'] = $username; + self::saveJson($json); + return $json['name']; + } } } + /** + * Get UUID from API or cache + * + * @param $username + * @return bool|mixed The UUID if success or the username if failed + */ public static function getUUID($username) { foreach(glob(storage_path('app/uuid/*')) as $file) { $json = file_get_contents($file); $json = json_decode($json, true); - if($json['name'] !== $username) - continue; - if((time() - strtotime($json['time'])) > 3600) { - $json = file_get_contents('https://api.mojang.com/users/profiles/minecraft/'.$username); - if(empty($json)) { + if ($json['name'] !== $username) continue; + + if ((time() - strtotime($json['time'])) > 3600) { + $uuid = self::getUUIDUncached($username); + if ($uuid == false) { unlink(storage_path('app/uuid/'.$file)); - return $username; + return $json['name']; + } else { + $json = []; + $json['id'] = $uuid; + $json['name'] = $username; + self::saveJson($json); + return $json['id']; } - - $json = json_decode($json, true); - if(isset($json['error'])) { - unlink(storage_path('app/uuid/'.$file)); - return $username; - } - - self::saveJson($json); - return $json['id']; } else { return $json['id']; } } - $json = file_get_contents('https://api.mojang.com/users/profiles/minecraft/'.$username); - if(empty($json)) + $uuid = self::getUUIDUncached($username); + if ($uuid == false) { return $username; - - $json = json_decode($json, true); - if(isset($json['error'])) - return $username; - - self::saveJson($json); - return $json['id']; + } else { + $json = []; + $json['id'] = $uuid; + $json['name'] = $username; + self::saveJson($json); + return $json['id']; + } } - public static function saveJson($json) { + /** + * Get the UUID by the username + * + * @param $username + * @return bool|mixed The UUID without dashes, or false if failed + */ + private static function getUUIDUncached($username) { + $profile = self::getProfile($username); + if (is_array($profile) and isset($profile['id'])) + return $profile['id']; + + return false; + } + + /** + * Get the profile (username & UUID) from the username + * + * @uses http://wiki.vg/Mojang_API#Username_-.3E_UUID_at_time + * + * @param $username + * @return bool|mixed Array with ID and name, or false if failed + */ + private static function getProfile($username) { + if (self::isValidUsername($username)) { + $json = file_get_contents('https://api.mojang.com/users/profiles/minecraft/' . $username); + if (!empty($json)) { + $data = json_decode($json, true); + if (is_array($data) and !empty($data)) { + return $data; + } + } + } + return false; + } + + /** + * Get the username from the UUID + * + * @uses http://wiki.vg/Mojang_API#UUID_-.3E_Name_history + * + * @param $uuid + * @return bool|mixed Username, or false if failed + */ + private static function getUsernameUncached($uuid) { + if (is_string($uuid)) { + $json = file_get_contents('https://api.mojang.com/user/profiles/' . $uuid . '/names'); + if (!empty($json)) { + $data = json_decode($json, true); + if (!empty($data) and is_array($data)) { + $last = array_pop($data); + if (is_array($last) and isset($last['name'])) { + return $last['name']; + } + } + } + } + return false; + } + + /** + * Check if the username is correct. + * + * @param $username + * @return bool Valid or not + */ + private static function isValidUsername($username) { + return is_string($username) and strlen($username) >= 2 and strlen($username) <= 16 and ctype_alnum(str_replace('_', '', $username)); + } + + /** + * Save the JSON to a file + * + * @param $json + */ + private static function saveJson($json) { $array = [ 'id' => $json['id'], 'name' => $json['name'], diff --git a/app/ChangeEmail.php b/app/ChangeEmail.php index f192605..40ffa70 100644 --- a/app/ChangeEmail.php +++ b/app/ChangeEmail.php @@ -2,7 +2,6 @@ namespace App; -use App\Notifications\SendMailChange; use Illuminate\Database\Eloquent\Model; class ChangeEmail extends Model @@ -19,9 +18,4 @@ class ChangeEmail extends Model 'user_id', 'email', 'token' ]; - public function sendMail() { - $user = User::findOrFail($this->user_id); - $user->notify(new SendMailChange($this)); - } - } diff --git a/app/Http/Controllers/Auth/LoginController.php b/app/Http/Controllers/Auth/LoginController.php index 78b1971..6dcc7db 100644 --- a/app/Http/Controllers/Auth/LoginController.php +++ b/app/Http/Controllers/Auth/LoginController.php @@ -48,6 +48,16 @@ class LoginController extends Controller return 'uuid'; } + public function showLoginForm() + { + $urlPrevious = url()->previous(); + $urlBase = url()->to('/'); + if(($urlPrevious != $urlBase . '/login') && (substr($urlPrevious, 0, strlen($urlBase)) === $urlBase)) + session()->put('url.intended', $urlPrevious); + + return view('auth.login'); + } + public function login(Request $request) { $this->validateLogin($request); @@ -67,15 +77,15 @@ class LoginController extends Controller return redirect()->intended('home'); } else { $this->incrementLoginAttempts($request); - return response()->json([ - 'error' => 'This account is not activated.' - ], 401); + return view('auth.login')->withErrors([ + 'error' => 'Wrong credentials.' + ]); } } else { $this->incrementLoginAttempts($request); - return response()->json([ - 'error' => 'Credentials do not match our database.' - ], 401); + return view('auth.login')->withErrors([ + 'error' => 'Wrong credentials.' + ]); } } diff --git a/app/Http/Controllers/Auth/RegisterController.php b/app/Http/Controllers/Auth/RegisterController.php index 9f59ef5..cf64389 100644 --- a/app/Http/Controllers/Auth/RegisterController.php +++ b/app/Http/Controllers/Auth/RegisterController.php @@ -68,7 +68,7 @@ class RegisterController extends Controller protected function create(array $data) { return User::create([ - 'uuid' => '', Cache::getUUID($data['username']), + 'uuid' => Cache::getUUID($data['username']), 'email' => $data['email'], 'password' => bcrypt($data['password']) ]); diff --git a/app/Http/Controllers/ControlController.php b/app/Http/Controllers/ControlController.php new file mode 100644 index 0000000..0808e10 --- /dev/null +++ b/app/Http/Controllers/ControlController.php @@ -0,0 +1,45 @@ +middleware(['auth', 'verified', '2fa']); + } + + /** + * Show the application dashboard. + * + * @param $attraction_id + * @param $pin + * @return \Illuminate\Contracts\Support\Renderable + */ + public function index($attraction_id, $pin) + { + if(!preg_match('/^([0-9]){9}$/', $pin)) + return Redirect::route('status'); + + $data = DB::table('attraction')->select('name')->where('id', '=', $attraction_id)->first(); + if(empty($data)) + return Redirect::route('status'); + + return view('control')->with([ + 'attraction_id' => $attraction_id, + 'attraction_name' => MinecraftColor::stripColor( $data->name), + 'pin' => $pin + ]); + } + +} diff --git a/app/Http/Controllers/HomeController.php b/app/Http/Controllers/HomeController.php index d399e23..f232d72 100644 --- a/app/Http/Controllers/HomeController.php +++ b/app/Http/Controllers/HomeController.php @@ -5,6 +5,7 @@ namespace App\Http\Controllers; use Illuminate\Support\Facades\Auth; use Illuminate\Support\Facades\DB; +use Illuminate\Support\Facades\Redirect; class HomeController extends Controller { @@ -47,4 +48,9 @@ class HomeController extends Controller ]); } + public function store() + { + return Redirect::to(env('STORE_URL', 'https://sbdplugins.nl')); + } + } diff --git a/app/Http/Controllers/OpenAudioMCController.php b/app/Http/Controllers/OpenAudioMCController.php new file mode 100644 index 0000000..10a0f37 --- /dev/null +++ b/app/Http/Controllers/OpenAudioMCController.php @@ -0,0 +1,70 @@ +middleware(['auth', 'verified', '2fa']); + } + + /** + * Show the application dashboard. + * + * @return \Illuminate\Contracts\Support\Renderable + */ + public function index() + { + $url = env('OPENAUDIOMC_URL', ''); + if(empty($url)) + return view('openaudiomc')->with(['type' => 1]); + + if(!filter_var($url, FILTER_VALIDATE_URL)) + return view('openaudiomc')->with(['type' => 1]); + + $key = explode('/', $url); + $key = $key[count($key) - 1]; + if(!preg_match('/^([a-zA-Z0-9]{8})\-([a-zA-Z0-9]{4})\-([a-zA-Z0-9]{4})\-([a-zA-Z0-9]{4})\-([a-zA-Z0-9]{12})$/', $key)) + return view('openaudiomc')->with(['type' => 1]); + + $url = str_replace('%UUID%', Auth::user()->fixedUUID(), $url); + $result = file_get_contents($url); + if(!$this->isJson($result)) + return view('openaudiomc')->with(['type' => 1]); + + $json = json_decode($result); + if(isset($json->errors) && !empty($json->errors)) + return view('openaudiomc')->with(['type' => 2]); + + if(!isset($json->response)) + return view('openaudiomc')->with(['type' => 2]); + + $response = $json->response; + if(!isset($response->isConnected) || !isset($response->sessionUrl)) + return view('openaudiomc')->with(['type' => 2]); + + if($response->isConnected) + return view('openaudiomc')->with(['type' => 3]); + + $link = $json->response->sessionUrl; + header('Location: '.$link); + exit; + } + + private function isJson($string) { + if(empty($string)) + return false; + + json_decode($string); + return (json_last_error() == JSON_ERROR_NONE); + } + +} diff --git a/app/Http/Controllers/Panel/HomeController.php b/app/Http/Controllers/Panel/HomeController.php index d5288e3..fdfbc58 100644 --- a/app/Http/Controllers/Panel/HomeController.php +++ b/app/Http/Controllers/Panel/HomeController.php @@ -3,6 +3,9 @@ namespace App\Http\Controllers\Panel; use App\Http\Controllers\Controller; +use App\Show; +use App\User; +use Illuminate\Support\Facades\DB; class HomeController extends Controller { @@ -13,7 +16,7 @@ class HomeController extends Controller */ public function __construct() { - $this->middleware(['auth', 'verified', '2fa']); + $this->middleware(['auth', 'verified', '2fa', 'admin']); } /** @@ -23,8 +26,15 @@ class HomeController extends Controller */ public function index() { + $users = User::count(); + $regions = DB::table('region')->count(); + $attractions = DB::table('attraction')->where('type', '!=', 'GLOBAL')->count(); + $shows = Show::count(); return view('panel.home')->with([ - 'data' => '' + 'users' => $users, + 'regions' => $regions, + 'attractions' => $attractions, + 'shows' => $shows ]); } diff --git a/app/Http/Controllers/Panel/MessageController.php b/app/Http/Controllers/Panel/MessageController.php new file mode 100644 index 0000000..3d0b3a7 --- /dev/null +++ b/app/Http/Controllers/Panel/MessageController.php @@ -0,0 +1,63 @@ +middleware(['auth', 'verified', '2fa', 'admin']); + } + + /** + * Show the application dashboard. + * + * @return \Illuminate\Contracts\Support\Renderable + */ + public function index() + { + return view('panel.message'); + } + + public function change(Request $request) { + $validator = Validator::make($request->all(), [ + 'message' => ['required', 'string'] + ]); + + if(!$validator->passes()) { + session()->flash('error', 'Incorrect message'); + return Redirect::back(); + } + + $message = Message::orderByDesc('id')->first(); + if(!empty($message)) + if($message->content === $request->get('message')) + return Redirect::back(); + + $message = Message::create([ + 'uuid' => Auth::user()->uuid, + 'content' => $request->get('message') + ]); + + if(empty($message)) { + session()->flash('error', 'Unable to create message'); + return Redirect::back(); + } + + session()->flash('success', 'Successfully posted message'); + return Redirect::back(); + } + +} diff --git a/app/Http/Controllers/Panel/ShowController.php b/app/Http/Controllers/Panel/ShowController.php new file mode 100644 index 0000000..d887c80 --- /dev/null +++ b/app/Http/Controllers/Panel/ShowController.php @@ -0,0 +1,143 @@ +middleware(['auth', 'verified', '2fa', 'admin']); + } + + /** + * Show the application dashboard. + * + * @return \Illuminate\Contracts\Support\Renderable + */ + public function index($page = 1, $search = '') + { + $pages = empty($search) ? Show::count() : Show::whereRaw("UPPER(`title`) LIKE '%". strtoupper($search)."%'")->count(); + $pages = (int) ceil($pages/25); + if($pages < 1 && $page == 1) + $page = 1; + + if($page < 1 || ($pages > 0 && $page > $pages)) { + $array['page'] = $pages > 0 ? $pages : 1; + if(!empty($search) && $pages > 0) + $array['search'] = $search; + + return redirect()->route('panel.show', $array); + } + + $query = Show::select('id', 'title', 'price', 'vault_price', 'seats'); + if(!empty($search)) + $query->whereRaw("UPPER(`title`) LIKE '%". strtoupper($search)."%'"); + + $data = $query->get(); + return view('panel.show.index')->with([ + 'shows' => $data, + 'page' => $page, + 'pages' => $pages, + 'search' => $search + ]); + } + + public function add() { + return view('panel.show.create'); + } + + public function create(Request $request) { + $validator = Validator::make($request->all(), [ + 'title' => ['required', 'unique:shows,title', 'max:255'], + 'description' => ['required', 'string'], + 'price' => ['required', 'numeric', 'min:0.01'], + 'vault_price' => ['required', 'numeric', 'min:0.01'], + 'seats' => ['required', 'numeric', 'min:1'], + 'image' => ['required', 'string', 'max:255'], + ]); + + if(!$validator->passes()) + return Redirect::back()->withErrors($validator->errors()); + + $request->merge([ + 'price' => number_format($request->get('price'), 2), + 'vault_price' => number_format($request->get('vault_price'), 2) + ]); + + $show = Show::create($request->all()); + if(empty($show)) { + session()->flash('error', 'Unable to create a new Show'); + return Redirect::route('panel.ums'); + } + + session()->flash('success', 'Successfully created show.'); + return Redirect::route('panel.show'); + } + + public function info($id) { + return view('panel.show.info')->with([ + 'show' => Show::findOrFail($id) + ]); + } + + public function edit($id) { + return view('panel.show.edit')->with([ + 'show' => Show::findOrFail($id) + ]); + } + + public function update(Request $request) { + if(!$request->has('id')) + return Redirect::back(); + + $show = Show::findOrFail($request->get('id')); + $validator = Validator::make($request->all(), [ + 'description' => ['required', 'string'], + 'price' => ['required', 'numeric', 'min:0.01'], + 'vault_price' => ['required', 'numeric', 'min:0.01'], + 'image' => ['required', 'string', 'max:255'], + ]); + + if(!$validator->passes()) + return Redirect::back()->withErrors($validator->errors()); + + $show->description = $request->get('description'); + $show->price = number_format($request->get('price'), 2); + $show->vault_price = number_format($request->get('vault_price'), 2); + $show->image = $request->get('image'); + if($show->save()) { + session()->flash('success', 'Successfully edited show'); + return Redirect::route('panel.show'); + } + + session()->flash('error', 'Unable to edit show'); + return Redirect::back(); + } + + public function delete($id) { + $show = Show::findOrFail($id); + if($show->delete()) { + session()->flash('success', 'Successfully deleted show.'); + } else { + session()->flash('error', 'Unable to delete show.'); + } + + return Redirect::back(); + } + +} diff --git a/app/Http/Controllers/Panel/ShowsController.php b/app/Http/Controllers/Panel/ShowsController.php new file mode 100644 index 0000000..9d48713 --- /dev/null +++ b/app/Http/Controllers/Panel/ShowsController.php @@ -0,0 +1,125 @@ +middleware(['auth', 'verified', '2fa', 'admin']); + } + + /** + * Show the application dashboard. + * + * @return \Illuminate\Contracts\Support\Renderable + */ + public function index($page = 1, $search = '') + { + $pages = empty($search) ? ShowDate::whereRaw('`show_dates`.`date` > CURDATE()')->count() : Show::join('shows', 'shows.id', '=', 'show_dates.show_id') + ->whereRaw('`show_dates`.`date` > CURDATE()') + ->whereRaw("UPPER(`title`) LIKE '%". strtoupper($search)."%'")->count(); + + $pages = (int) ceil($pages/25); + if($pages < 1 && $page == 1) + $page = 1; + + if($page < 1 || ($pages > 0 && $page > $pages)) { + $array['page'] = $pages > 0 ? $pages : 1; + if(!empty($search) && $pages > 0) + $array['search'] = $search; + + return redirect()->route('panel.shows', $array); + } + + $query = ShowDate::join('shows', 'shows.id', '=', 'show_dates.show_id') + ->whereRaw('`show_dates`.`date` > CURDATE()') + ->select('show_dates.id', 'shows.title', DB::raw('DATE_FORMAT(`show_dates`.`date`, "%d-%m-%Y %H:%i") AS `date`')); + + if(!empty($search)) + $query->whereRaw("UPPER(`shows.title`) LIKE '%". strtoupper($search)."%'"); + + $data = $query->get(); + return view('panel.shows.index')->with([ + 'dates' => $data, + 'page' => $page, + 'pages' => $pages, + 'search' => $search + ]); + } + + public function search(Request $request) { + if(!$request->has('searchText')) + return response()->json([]); + + $shows = Show::whereRaw("UPPER(`title`) LIKE '%". strtoupper($request->get('searchText'))."%'")->select('id', 'title')->get(); + return response()->json($shows->all()); + } + + public function add() { + return view('panel.shows.create'); + } + + public function create(Request $request) { + $validator = Validator::make($request->all(), [ + 'show_id' => ['required', 'numeric', 'exists:shows,id'], + 'date' => ['required', 'date'] + ]); + + if(!$validator->passes()) + return Redirect::back()->withErrors($validator->errors()); + + $request->merge([ + 'date' => date('Y-m-d H:i:s', strtotime($request->get('date'))) + ]); + + $date = ShowDate::create($request->all()); + if(empty($date)) { + session()->flash('error', 'Unable to create a new show date'); + return Redirect::route('panel.ums'); + } + + session()->flash('success', 'Successfully created show date.'); + return Redirect::route('panel.shows'); + } + + public function info($id) { + $date = ShowDate::findOrFail($id); + + $filled = DB::table('seats')->where('show_id', '=', $date->show_id)->where('date', '=', $date->date)->count(); + return view('panel.shows.info')->with([ + 'date' => $date, + 'show' => Show::findOrFail($date->show_id), + 'filled' => $filled + ]); + } + + public function delete($id) { + $show = ShowDate::findOrFail($id); + if($show->delete()) { + session()->flash('success', 'Successfully deleted show date.'); + } else { + session()->flash('error', 'Unable to delete show date.'); + } + + return Redirect::back(); + } + +} diff --git a/app/Http/Controllers/Panel/UMSController.php b/app/Http/Controllers/Panel/UMSController.php index 2316271..5ea7e11 100644 --- a/app/Http/Controllers/Panel/UMSController.php +++ b/app/Http/Controllers/Panel/UMSController.php @@ -3,7 +3,7 @@ namespace App\Http\Controllers\Panel; use App\ChangeEmail; use App\Http\Controllers\Controller; -use App\Notifications\SendMailChange; +use App\Mail\EmailChange; use App\User; use Illuminate\Http\Request; use Illuminate\Support\Facades\Auth; @@ -33,7 +33,7 @@ class UMSController extends Controller public function index($page = 1) { $pages = User::count(); - $pages = (int) ceil($pages/25); + $pages = (int) ceil($pages/10); if($pages < 1 && $page == 1) $page = 1; @@ -42,7 +42,7 @@ class UMSController extends Controller 'page' => ($pages > 0 ? $pages : 1) ]); - $data = User::select('id', 'uuid', 'last_active', 'is_admin', 'is_root')->get(); + $data = User::select('id', 'uuid', 'last_active', 'is_admin', 'is_root', 'email_verified_at')->get(); return view('panel.ums.index')->with([ 'users' => $data, 'page' => $page, @@ -62,6 +62,7 @@ class UMSController extends Controller if(!$user->is_root && !$user->is_admin) return Redirect::route('panel.ums'); + $user = User::findOrFail($id); return view('panel.ums.edit')->with([ 'user' => $user ]); @@ -86,27 +87,50 @@ class UMSController extends Controller 'token' => Str::random(12) ]); - Mail::to($user)->send(new SendMailChange($change)); + Mail::to($request->get('email'))->send(new EmailChange($change)); + die('Send! Email: '.$request->get('email')); + } + + $validator = Validator::make($request->all(), [ + 'verified' => ['required', 'boolean'] + ]); + + if(!$validator->passes()) + return Redirect::back()->withErrors($validator); + + if($request->get('verified')) { + $user->email_verified_at = empty($user->email_verified_at) ? date('Y-m-d H:i:s') : $user->email_verified_at; + } else { + $user->email_verified_at = null; } if(Auth::user()->is_root) { $validator = Validator::make($request->all(), [ - 'is_admin' => ['required', 'boolean'], - 'is_root' => ['required', 'boolean'] + 'admin' => ['required', 'numeric', 'min:0', 'max:2'], ]); - if(!$validator->passes()) + if (!$validator->passes()) return Redirect::back()->withErrors($validator); - $user->is_admin = $request->get('is_admin'); - $user->is_root = $request->get('is_root'); - if($user->save()) { - session()->flash('success', 'Successfully edited user: '.$user->uuid); + $admin = $request->get('admin'); + if ($admin == 1) { + $user->is_admin = 1; + $user->is_root = 0; + } else if($admin == 2) { + $user->is_admin = 0; + $user->is_root = 1; } else { - session()->flash('error', 'Unable to edit user: '.$user->uuid); + $user->is_admin = 0; + $user->is_root = 0; } } + if($user->save()) { + session()->flash('success', 'Successfully edited user: '.$user->username()); + } else { + session()->flash('error', 'Unable to edit user: '.$user->username()); + } + return Redirect::route('panel.ums'); } diff --git a/app/Http/Controllers/Profile/ChangeController.php b/app/Http/Controllers/Profile/ChangeController.php index e5204f1..85ae87c 100644 --- a/app/Http/Controllers/Profile/ChangeController.php +++ b/app/Http/Controllers/Profile/ChangeController.php @@ -4,6 +4,7 @@ namespace App\Http\Controllers\Profile; use App\ChangeEmail; use App\Http\Controllers\Controller; +use App\Mail\EmailChange; use App\Notifications\SendMailChange; use Illuminate\Support\Facades\Mail; use Illuminate\Support\Facades\Validator; @@ -84,7 +85,7 @@ class ChangeController extends Controller 'token' => Str::random(12) ]); - Mail::to($user)->send(new SendMailChange($change)); + Mail::to($user->email)->send(new EmailChange($change)); session()->flash('email_success', 'Successfully requested email change'); return Redirect::back(); } @@ -92,7 +93,7 @@ class ChangeController extends Controller public function verifyEmail($id, $token, $email) { if(Auth::id() != $id) { session()->flash('email_error', 'Incorrect email change request: '.$email); - return Redirect::route('panel.change'); + return Redirect::route('change'); } $user = Auth::user(); @@ -104,14 +105,14 @@ class ChangeController extends Controller if(empty($model)) { session()->flash('email_error', 'Unable to change email address to: '.$email); - return Redirect::route('panel.change'); + return Redirect::route('change'); } $user->email = $email; $user->save(); $model->delete(); session()->flash('email_success', 'Successfully changed email address to: '.$email); - return Redirect::route('panel.change'); + return Redirect::route('change'); } } diff --git a/app/Http/Controllers/Profile/SecurityController.php b/app/Http/Controllers/Profile/SecurityController.php index addf570..1a1d5b7 100644 --- a/app/Http/Controllers/Profile/SecurityController.php +++ b/app/Http/Controllers/Profile/SecurityController.php @@ -36,7 +36,7 @@ class SecurityController extends Controller $pages = Session::where('user_id', Auth::id())->count(); $pages = (int) ceil($pages/10); if($page > $pages) - return redirect()->route('profile.security', ['page' => $pages]); + return redirect()->route('security', ['page' => $pages]); $sessions = Session::where('user_id', Auth::id())->where('id', '!=', session()->getId())->skip(($page - 1)*10)->take(($page != 1 ? 10 : 9))->orderBy('last_activity', 'desc')->get(); $array = ['TFA' => $tfa, 'pages' => $pages, 'page' => $page, 'sessions' => $sessions, 'agent' => new Agent()]; @@ -67,10 +67,10 @@ class SecurityController extends Controller public function session($id) { if(session()->getId() === $id) - return redirect()->route('profile.security'); + return redirect()->route('security'); Session::where(['id' => $id, 'user_id' => Auth::id()])->forceDelete(); - return redirect()->route('profile.security'); + return redirect()->route('security'); } } diff --git a/app/Http/Controllers/RidecountController.php b/app/Http/Controllers/RidecountController.php index 5d9aa0a..d14ff93 100644 --- a/app/Http/Controllers/RidecountController.php +++ b/app/Http/Controllers/RidecountController.php @@ -30,6 +30,7 @@ class RidecountController extends Controller $top10 = DB::table(DB::raw('ridecount, (SELECT @row_number:=0) AS t'))->select('uuid', DB::raw('SUM(`count`) AS `count`'), DB::raw('(@row_number:=@row_number + 1) AS `num`')) ->where('attractionId', '=', $attraction_id) ->whereRaw('YEARWEEK(date, 1) = YEARWEEK(CURDATE(), 1)') + ->whereRaw('YEAR(date) = YEAR(CURDATE())') ->groupBy('uuid') ->orderByDesc('count') ->take(10)->get()->all(); diff --git a/app/Http/Controllers/ShowController.php b/app/Http/Controllers/ShowController.php index 6391a61..ed3dfdc 100644 --- a/app/Http/Controllers/ShowController.php +++ b/app/Http/Controllers/ShowController.php @@ -29,15 +29,7 @@ class ShowController extends Controller */ public function index() { - $shows = Show::join('show_dates', 'show_dates.show_id', '=', 'shows.id') - ->whereRaw('`show_dates`.`date` > CURDATE()') - ->select('shows.*')->get()->all(); - - $data = []; - foreach($shows as $show) - if(!empty($show->getShowDates(Auth::user()->uuid))) - array_push($data, $show); - + $shows = DB::select(DB::raw('SELECT t1.* FROM `shows` AS t1 RIGHT JOIN `show_dates` AS t2 ON t1.`id` = t2.`show_id` WHERE t2.`date` > CURDATE() GROUP BY t1.`id`')); return view('show')->with([ 'shows' => $shows ]); diff --git a/app/Http/Controllers/ToggleTwoFactorController.php b/app/Http/Controllers/ToggleTwoFactorController.php index d411ad9..4706cb0 100644 --- a/app/Http/Controllers/ToggleTwoFactorController.php +++ b/app/Http/Controllers/ToggleTwoFactorController.php @@ -1,8 +1,7 @@ flash('success', 'Successfully enabled 2FA'); - return redirect()->route('account'); + return redirect()->route('security'); } else { if(!$validator->passes()) return Redirect::back()->withErrors($validator); diff --git a/app/Http/Controllers/TwoFactorController.php b/app/Http/Controllers/TwoFactorController.php index 7795b0a..a916347 100644 --- a/app/Http/Controllers/TwoFactorController.php +++ b/app/Http/Controllers/TwoFactorController.php @@ -1,8 +1,7 @@ \Illuminate\Auth\Middleware\EnsureEmailIsVerified::class, '2fa' => \App\Http\Middleware\TwoFactorAuthentication::class, 'mobile' => \App\Http\Middleware\NoMobile::class, + 'admin' => \App\Http\Middleware\AdminOnly::class, ]; /** diff --git a/app/Http/Middleware/AdminOnly.php b/app/Http/Middleware/AdminOnly.php new file mode 100644 index 0000000..94530bd --- /dev/null +++ b/app/Http/Middleware/AdminOnly.php @@ -0,0 +1,25 @@ +is_admin || Auth::user()->is_root) + return $next($request); + + return Redirect::route('home'); + } +} diff --git a/app/Http/Middleware/RedirectIfAuthenticated.php b/app/Http/Middleware/RedirectIfAuthenticated.php index e4cec9c..7ac9d5c 100644 --- a/app/Http/Middleware/RedirectIfAuthenticated.php +++ b/app/Http/Middleware/RedirectIfAuthenticated.php @@ -17,10 +17,10 @@ class RedirectIfAuthenticated */ public function handle($request, Closure $next, $guard = null) { - if (Auth::guard($guard)->check()) { - return redirect('/home'); - } + if (Auth::guard($guard)->check()) + return redirect()->intended('/'); return $next($request); } + } diff --git a/app/Mail/EmailChange.php b/app/Mail/EmailChange.php new file mode 100644 index 0000000..c303fca --- /dev/null +++ b/app/Mail/EmailChange.php @@ -0,0 +1,40 @@ +change = $change; + } + + /** + * Build the message. + * + * @return $this + */ + public function build() + { + $user = User::findOrFail($this->change->user_id); + return $this->subject('Change Email')->markdown('emails.change')->with([ + 'user' => $user, + 'token' => $this->change->token, + 'email' => $this->change->email + ]); + } +} diff --git a/app/Notifications/SendMailChange.php b/app/Notifications/SendMailChange.php deleted file mode 100644 index c309ff5..0000000 --- a/app/Notifications/SendMailChange.php +++ /dev/null @@ -1,49 +0,0 @@ -change = $change; - } - - /** - * Build the message. - * - * @return MailMessage - */ - public function build() - { - $user = User::findOrFail($this->change->user_id); - - return (new MailMessage) - ->subject('Change Email') - ->line('Dear '.$user->firstname.',') - ->line('Press the button bellow if you wish to change your current email-address') - ->action('Change Email', url('/change/email/'.$user->id.'/'.$this->change->token.'/'.$this->change->email)) - ->line('Is this email not directed to you or do you not wish to change your email? Than you may ignore this.'); - } -} diff --git a/app/Rules/UUID.php b/app/Rules/UUID.php index 8863fa2..bf5588e 100644 --- a/app/Rules/UUID.php +++ b/app/Rules/UUID.php @@ -31,6 +31,9 @@ class UUID implements Rule if(empty($uuid)) return false; + if($uuid === $value) + return false; + $user = User::where('uuid', '=', $uuid)->first(); return empty($user); } @@ -42,6 +45,6 @@ class UUID implements Rule */ public function message() { - return 'Username: :attribute is already in use'; + return 'Username: :value is incorrect or already in use'; } } diff --git a/app/Show.php b/app/Show.php index d07d885..d3a481d 100644 --- a/app/Show.php +++ b/app/Show.php @@ -38,7 +38,7 @@ class Show extends Model ->groupBy('show_dates.date'); if($uuid !== null) - $data = $data->where('seats.uuid', '!=', $uuid); + $data = $data->whereRaw( "`show_dates`.`date` NOT IN (SELECT date FROM seats WHERE uuid='".$uuid."' AND show_id='".$this->id."')"); $data = $data->get()->all(); $dates = []; diff --git a/app/ShowDate.php b/app/ShowDate.php new file mode 100644 index 0000000..5527383 --- /dev/null +++ b/app/ShowDate.php @@ -0,0 +1,31 @@ +belongsTo('\App\Show'); + } + +} diff --git a/app/User.php b/app/User.php index 6452d4a..1a9308b 100644 --- a/app/User.php +++ b/app/User.php @@ -3,6 +3,7 @@ namespace App; use App\Cache\Cache; +use Carbon\Carbon; use Illuminate\Contracts\Auth\MustVerifyEmail; use Illuminate\Foundation\Auth\User as Authenticatable; use Illuminate\Notifications\Notifiable; @@ -40,6 +41,12 @@ class User extends Authenticatable implements MustVerifyEmail 'email_verified_at' => 'datetime', ]; + public function fixedUUID() { + $uuid = substr_replace($this->uuid, '-', 8, 0); + $uuid = substr_replace($uuid, '-', 13, 0); + $uuid = substr_replace($uuid, '-', 18, 0); + return substr_replace($uuid, '-', 23, 0); + } private $username; public function username() { @@ -61,7 +68,7 @@ class User extends Authenticatable implements MustVerifyEmail 'shows.title', 'shows.description', 'shows.image', 'seats.*' ]) ->where('seats.uuid', '=', $this->uuid) - ->where('seats.date', '>', 'CURRENT_TIMESTAMP()') + ->where('seats.date', '>', Carbon::now()) ->get()->all(); $this->shows = $shows; return !empty($shows); @@ -76,7 +83,7 @@ class User extends Authenticatable implements MustVerifyEmail 'shows.title', 'shows.description', 'shows.image', 'seats.*' ]) ->where('seats.uuid', '=', $this->uuid) - ->where('seats.date', '>', 'CURRENT_TIMESTAMP()') + ->where('seats.date', '>', Carbon::now()) ->get()->all(); $this->shows = $shows; return $shows; diff --git a/composer.json b/composer.json index e1326a3..869fb58 100644 --- a/composer.json +++ b/composer.json @@ -18,7 +18,8 @@ "laravel/tinker": "^1.0", "pragmarx/google2fa-laravel": "^1.2", "torann/geoip": "^1.0", - "ext-openssl": "*" + "ext-openssl": "*", + "ext-http": "*" }, "require-dev": { "facade/ignition": "^1.4", diff --git a/config/database.php b/config/database.php index 199382d..78184ff 100644 --- a/config/database.php +++ b/config/database.php @@ -61,6 +61,15 @@ return [ 'options' => extension_loaded('pdo_mysql') ? array_filter([ PDO::MYSQL_ATTR_SSL_CA => env('MYSQL_ATTR_SSL_CA'), ]) : [], + 'modes' => [ + //'ONLY_FULL_GROUP_BY', // Disable this to allow grouping by one column + 'STRICT_TRANS_TABLES', + 'NO_ZERO_IN_DATE', + 'NO_ZERO_DATE', + 'ERROR_FOR_DIVISION_BY_ZERO', + 'NO_AUTO_CREATE_USER', + 'NO_ENGINE_SUBSTITUTION' + ], ], 'pgsql' => [ diff --git a/database/migrations/2014_10_12_000000_create_users_table.php b/database/migrations/2014_10_12_000000_create_users_table.php index 5f59fa3..450c3f3 100644 --- a/database/migrations/2014_10_12_000000_create_users_table.php +++ b/database/migrations/2014_10_12_000000_create_users_table.php @@ -20,6 +20,8 @@ class CreateUsersTable extends Migration $table->timestamp('email_verified_at')->nullable(); $table->string('google2fa_secret')->nullable(); $table->string('password'); + $table->boolean('is_admin')->default(0); + $table->boolean('is_root')->default(0); $table->rememberToken(); $table->timestamp('last_active')->nullable(); $table->timestamps(); diff --git a/database/migrations/2019_09_20_141811_create_seats_table.php b/database/migrations/2019_09_20_141811_create_seats_table.php index 9a7cad1..665f1a3 100644 --- a/database/migrations/2019_09_20_141811_create_seats_table.php +++ b/database/migrations/2019_09_20_141811_create_seats_table.php @@ -20,6 +20,8 @@ class CreateSeatsTable extends Migration $table->integer('seat'); $table->string('voucher'); $table->timestamp('date'); + $table->boolean('loaded')->default(0); + $table->boolean('paid')->default(0); $table->timestamps(); }); } diff --git a/public/assets/control.js b/public/assets/control.js new file mode 100644 index 0000000..22cb7f8 --- /dev/null +++ b/public/assets/control.js @@ -0,0 +1,212 @@ +function getPacket(channel, type, payload) { + let packet = { + channel: channel, + data: { + type: type, + payload: payload + } + } + + return JSON.stringify(packet) +} + +function getClickPacket(uuid, item_id) { + return getPacket( + 'SERVER_IN_OPERATOR_CLICK', + 'nl.iobyte.parkplus.api.packet.payloads.operator.ClientOperatorClickPayload', + { + uuid: uuid, + item_id: item_id + } + ) +} + +$(document).on('click', "div.panel[id^='button-'] > div.panel-body > img", function() { + const parent = $(this).parent().parent(); + const id = parent.attr("id").replace("button-", ""); + + if(!socket || hasConnected !== true) + return + + socket.emit( + 'data', + getClickPacket( + fixUUID(window.settings.uuid), + id + ) + ); +}); + +window.sendMessage = function(message) { + if(hasConnected) + socket.send(message); +} + +let hasConnected = false +let socket = null +$(() => { + socket = io('websocket.iobyte.nl', { + query: "type=client&id=" + window.settings.id + "&uuid=" + fixUUID(window.settings.uuid) + "&attraction=" + window.settings.attraction + "&token=" + window.settings.pin, + autoConnect: false, + withCredentials: false + }) + + socket.on('connect', () => { + setTimeout(() => { + if(hasConnected) + return + + socket.close() + }, 5 * 1000) + }) + + socket.on('disconnect', () => { + const control = $("span#control"); + control.removeClass(); + control.addClass("control-status"); + control.addClass("status-closed"); + control.html("Lost Connection"); + setTimeout(() => { + if(hasConnected) + return + + socket.close() + }, 5 * 1000) + }) + + socket.on('error', e => { + socket.close() + console.log(e) + }) + + socket.on('close', () => { + hasConnected = true + const control = $("span#control"); + control.removeClass(); + control.addClass("control-status"); + control.addClass("status-closed"); + control.html("Disconnected"); + }) + + socket.on('data', payload => { + try { + payload = JSON.parse(payload) + } catch (e) { + return + } + + if(!payload) + return + + if(!payload.hasOwnProperty('channel')) + return + + let channel = payload.channel; + if(channel === 'CLIENT_KICK') { + socket.close() + return + } + + let data; + if(payload.hasOwnProperty('data')) { + data = payload.data.payload; + } else { + data = payload.data + } + + handlePacket(channel, data) + }) +}) + +function fixUUID(i) { + return i.substr(0,8) + + "-" + + i.substr(8,4) + + "-" + + i.substr(12,4) + + "-" + + i.substr(16,4) + + "-" + + i.substr(20) +} + +function handlePacket(channel, payload) { + switch (channel) { + case 'CLIENT_NOTIFICATION': + handleNotification(payload.title, payload.message) + break + case 'CLIENT_OPERATOR_REQUEST_REPLY': + handleReply(payload) + break + case 'CLIENT_ATTRACTION_STATE': + handleStatus(payload.status) + break + case 'CLIENT_OPERATOR_STATE': + handleState(payload.item_id, payload.state) + break + } +} + +function handleNotification(title, message) { + const msg = $("div#message"); + msg.html('
'+title+'
'); + console.log({ + title: title, + message: message, + }) +} + +function handleReply(payload) { + if(payload.hasOwnProperty('requestReply') && payload.requestReply === 'ACCEPT') { + const control = $("span#control"); + control.removeClass(); + control.addClass("control-status"); + control.addClass("status-open"); + control.html("Connected"); + + loadPanel(payload.data) + return + } + + socket.close(); + handleNotification( + 'Unable to operate ride', + payload.message + ) +} + +function jsUcfirst(str) { + return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase(); +} + +function handleStatus(payload) { + const status = $("span#status"); + status.html(jsUcfirst(payload.name)); + status.style.backgroundColor = payload.hex +} + +function handleState(id, state) { + let img = new Image(); + img.onload = () => { + $("div#button-"+id+" div.panel-body img").attr("src", state.cover); + $("div#button-"+id+" div.panel-body #text").html(state.name); + } + img.src = state.cover; +} + +function loadPanel(panel) { + for(let i = 0; i < panel.items.length; i++) { + let item = panel.items[i]; + let state = item.state + + const image = state.cover; + const title = item.name; + const id = item.id; + const text = state.name; + + if(i === 0) + $("div#panel").append('\n'); + + $("div#panel").append("

"+title+"

"+text+"

\n"); + } +} diff --git a/public/assets/css/ionicons.min.css b/public/assets/css/ionicons.min.css deleted file mode 100644 index baba9e9..0000000 --- a/public/assets/css/ionicons.min.css +++ /dev/null @@ -1,11 +0,0 @@ -@charset "UTF-8";/*! - Ionicons, v2.0.0 - Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ - https://twitter.com/benjsperry https://twitter.com/ionicframework - MIT License: https://github.com/driftyco/ionicons - - Android-style icons originally built by Google’s - Material Design Icons: https://github.com/google/material-design-icons - used under CC BY http://creativecommons.org/licenses/by/4.0/ - Modified icons to fit ionicon’s grid from original. -*/@font-face{font-family:"Ionicons";src:url("../fonts/ionicons.eot?v=2.0.0");src:url("../fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"),url("../fonts/ionicons.ttf?v=2.0.0") format("truetype"),url("../fonts/ionicons.woff?v=2.0.0") format("woff"),url("../fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg");font-weight:normal;font-style:normal}.ion,.ionicons,.ion-alert:before,.ion-alert-circled:before,.ion-android-add:before,.ion-android-add-circle:before,.ion-android-alarm-clock:before,.ion-android-alert:before,.ion-android-apps:before,.ion-android-archive:before,.ion-android-arrow-back:before,.ion-android-arrow-down:before,.ion-android-arrow-dropdown:before,.ion-android-arrow-dropdown-circle:before,.ion-android-arrow-dropleft:before,.ion-android-arrow-dropleft-circle:before,.ion-android-arrow-dropright:before,.ion-android-arrow-dropright-circle:before,.ion-android-arrow-dropup:before,.ion-android-arrow-dropup-circle:before,.ion-android-arrow-forward:before,.ion-android-arrow-up:before,.ion-android-attach:before,.ion-android-bar:before,.ion-android-bicycle:before,.ion-android-boat:before,.ion-android-bookmark:before,.ion-android-bulb:before,.ion-android-bus:before,.ion-android-calendar:before,.ion-android-call:before,.ion-android-camera:before,.ion-android-cancel:before,.ion-android-car:before,.ion-android-cart:before,.ion-android-chat:before,.ion-android-checkbox:before,.ion-android-checkbox-blank:before,.ion-android-checkbox-outline:before,.ion-android-checkbox-outline-blank:before,.ion-android-checkmark-circle:before,.ion-android-clipboard:before,.ion-android-close:before,.ion-android-cloud:before,.ion-android-cloud-circle:before,.ion-android-cloud-done:before,.ion-android-cloud-outline:before,.ion-android-color-palette:before,.ion-android-compass:before,.ion-android-contact:before,.ion-android-contacts:before,.ion-android-contract:before,.ion-android-create:before,.ion-android-delete:before,.ion-android-desktop:before,.ion-android-document:before,.ion-android-done:before,.ion-android-done-all:before,.ion-android-download:before,.ion-android-drafts:before,.ion-android-exit:before,.ion-android-expand:before,.ion-android-favorite:before,.ion-android-favorite-outline:before,.ion-android-film:before,.ion-android-folder:before,.ion-android-folder-open:before,.ion-android-funnel:before,.ion-android-globe:before,.ion-android-hand:before,.ion-android-hangout:before,.ion-android-happy:before,.ion-android-home:before,.ion-android-image:before,.ion-android-laptop:before,.ion-android-list:before,.ion-android-locate:before,.ion-android-lock:before,.ion-android-mail:before,.ion-android-map:before,.ion-android-menu:before,.ion-android-microphone:before,.ion-android-microphone-off:before,.ion-android-more-horizontal:before,.ion-android-more-vertical:before,.ion-android-navigate:before,.ion-android-notifications:before,.ion-android-notifications-none:before,.ion-android-notifications-off:before,.ion-android-open:before,.ion-android-options:before,.ion-android-people:before,.ion-android-person:before,.ion-android-person-add:before,.ion-android-phone-landscape:before,.ion-android-phone-portrait:before,.ion-android-pin:before,.ion-android-plane:before,.ion-android-playstore:before,.ion-android-print:before,.ion-android-radio-button-off:before,.ion-android-radio-button-on:before,.ion-android-refresh:before,.ion-android-remove:before,.ion-android-remove-circle:before,.ion-android-restaurant:before,.ion-android-sad:before,.ion-android-search:before,.ion-android-send:before,.ion-android-settings:before,.ion-android-share:before,.ion-android-share-alt:before,.ion-android-star:before,.ion-android-star-half:before,.ion-android-star-outline:before,.ion-android-stopwatch:before,.ion-android-subway:before,.ion-android-sunny:before,.ion-android-sync:before,.ion-android-textsms:before,.ion-android-time:before,.ion-android-train:before,.ion-android-unlock:before,.ion-android-upload:before,.ion-android-volume-down:before,.ion-android-volume-mute:before,.ion-android-volume-off:before,.ion-android-volume-up:before,.ion-android-walk:before,.ion-android-warning:before,.ion-android-watch:before,.ion-android-wifi:before,.ion-aperture:before,.ion-archive:before,.ion-arrow-down-a:before,.ion-arrow-down-b:before,.ion-arrow-down-c:before,.ion-arrow-expand:before,.ion-arrow-graph-down-left:before,.ion-arrow-graph-down-right:before,.ion-arrow-graph-up-left:before,.ion-arrow-graph-up-right:before,.ion-arrow-left-a:before,.ion-arrow-left-b:before,.ion-arrow-left-c:before,.ion-arrow-move:before,.ion-arrow-resize:before,.ion-arrow-return-left:before,.ion-arrow-return-right:before,.ion-arrow-right-a:before,.ion-arrow-right-b:before,.ion-arrow-right-c:before,.ion-arrow-shrink:before,.ion-arrow-swap:before,.ion-arrow-up-a:before,.ion-arrow-up-b:before,.ion-arrow-up-c:before,.ion-asterisk:before,.ion-at:before,.ion-backspace:before,.ion-backspace-outline:before,.ion-bag:before,.ion-battery-charging:before,.ion-battery-empty:before,.ion-battery-full:before,.ion-battery-half:before,.ion-battery-low:before,.ion-beaker:before,.ion-beer:before,.ion-bluetooth:before,.ion-bonfire:before,.ion-bookmark:before,.ion-bowtie:before,.ion-briefcase:before,.ion-bug:before,.ion-calculator:before,.ion-calendar:before,.ion-camera:before,.ion-card:before,.ion-cash:before,.ion-chatbox:before,.ion-chatbox-working:before,.ion-chatboxes:before,.ion-chatbubble:before,.ion-chatbubble-working:before,.ion-chatbubbles:before,.ion-checkmark:before,.ion-checkmark-circled:before,.ion-checkmark-round:before,.ion-chevron-down:before,.ion-chevron-left:before,.ion-chevron-right:before,.ion-chevron-up:before,.ion-clipboard:before,.ion-clock:before,.ion-close:before,.ion-close-circled:before,.ion-close-round:before,.ion-closed-captioning:before,.ion-cloud:before,.ion-code:before,.ion-code-download:before,.ion-code-working:before,.ion-coffee:before,.ion-compass:before,.ion-compose:before,.ion-connection-bars:before,.ion-contrast:before,.ion-crop:before,.ion-cube:before,.ion-disc:before,.ion-document:before,.ion-document-text:before,.ion-drag:before,.ion-earth:before,.ion-easel:before,.ion-edit:before,.ion-egg:before,.ion-eject:before,.ion-email:before,.ion-email-unread:before,.ion-erlenmeyer-flask:before,.ion-erlenmeyer-flask-bubbles:before,.ion-eye:before,.ion-eye-disabled:before,.ion-female:before,.ion-filing:before,.ion-film-marker:before,.ion-fireball:before,.ion-flag:before,.ion-flame:before,.ion-flash:before,.ion-flash-off:before,.ion-folder:before,.ion-fork:before,.ion-fork-repo:before,.ion-forward:before,.ion-funnel:before,.ion-gear-a:before,.ion-gear-b:before,.ion-grid:before,.ion-hammer:before,.ion-happy:before,.ion-happy-outline:before,.ion-headphone:before,.ion-heart:before,.ion-heart-broken:before,.ion-help:before,.ion-help-buoy:before,.ion-help-circled:before,.ion-home:before,.ion-icecream:before,.ion-image:before,.ion-images:before,.ion-information:before,.ion-information-circled:before,.ion-ionic:before,.ion-ios-alarm:before,.ion-ios-alarm-outline:before,.ion-ios-albums:before,.ion-ios-albums-outline:before,.ion-ios-americanfootball:before,.ion-ios-americanfootball-outline:before,.ion-ios-analytics:before,.ion-ios-analytics-outline:before,.ion-ios-arrow-back:before,.ion-ios-arrow-down:before,.ion-ios-arrow-forward:before,.ion-ios-arrow-left:before,.ion-ios-arrow-right:before,.ion-ios-arrow-thin-down:before,.ion-ios-arrow-thin-left:before,.ion-ios-arrow-thin-right:before,.ion-ios-arrow-thin-up:before,.ion-ios-arrow-up:before,.ion-ios-at:before,.ion-ios-at-outline:before,.ion-ios-barcode:before,.ion-ios-barcode-outline:before,.ion-ios-baseball:before,.ion-ios-baseball-outline:before,.ion-ios-basketball:before,.ion-ios-basketball-outline:before,.ion-ios-bell:before,.ion-ios-bell-outline:before,.ion-ios-body:before,.ion-ios-body-outline:before,.ion-ios-bolt:before,.ion-ios-bolt-outline:before,.ion-ios-book:before,.ion-ios-book-outline:before,.ion-ios-bookmarks:before,.ion-ios-bookmarks-outline:before,.ion-ios-box:before,.ion-ios-box-outline:before,.ion-ios-briefcase:before,.ion-ios-briefcase-outline:before,.ion-ios-browsers:before,.ion-ios-browsers-outline:before,.ion-ios-calculator:before,.ion-ios-calculator-outline:before,.ion-ios-calendar:before,.ion-ios-calendar-outline:before,.ion-ios-camera:before,.ion-ios-camera-outline:before,.ion-ios-cart:before,.ion-ios-cart-outline:before,.ion-ios-chatboxes:before,.ion-ios-chatboxes-outline:before,.ion-ios-chatbubble:before,.ion-ios-chatbubble-outline:before,.ion-ios-checkmark:before,.ion-ios-checkmark-empty:before,.ion-ios-checkmark-outline:before,.ion-ios-circle-filled:before,.ion-ios-circle-outline:before,.ion-ios-clock:before,.ion-ios-clock-outline:before,.ion-ios-close:before,.ion-ios-close-empty:before,.ion-ios-close-outline:before,.ion-ios-cloud:before,.ion-ios-cloud-download:before,.ion-ios-cloud-download-outline:before,.ion-ios-cloud-outline:before,.ion-ios-cloud-upload:before,.ion-ios-cloud-upload-outline:before,.ion-ios-cloudy:before,.ion-ios-cloudy-night:before,.ion-ios-cloudy-night-outline:before,.ion-ios-cloudy-outline:before,.ion-ios-cog:before,.ion-ios-cog-outline:before,.ion-ios-color-filter:before,.ion-ios-color-filter-outline:before,.ion-ios-color-wand:before,.ion-ios-color-wand-outline:before,.ion-ios-compose:before,.ion-ios-compose-outline:before,.ion-ios-contact:before,.ion-ios-contact-outline:before,.ion-ios-copy:before,.ion-ios-copy-outline:before,.ion-ios-crop:before,.ion-ios-crop-strong:before,.ion-ios-download:before,.ion-ios-download-outline:before,.ion-ios-drag:before,.ion-ios-email:before,.ion-ios-email-outline:before,.ion-ios-eye:before,.ion-ios-eye-outline:before,.ion-ios-fastforward:before,.ion-ios-fastforward-outline:before,.ion-ios-filing:before,.ion-ios-filing-outline:before,.ion-ios-film:before,.ion-ios-film-outline:before,.ion-ios-flag:before,.ion-ios-flag-outline:before,.ion-ios-flame:before,.ion-ios-flame-outline:before,.ion-ios-flask:before,.ion-ios-flask-outline:before,.ion-ios-flower:before,.ion-ios-flower-outline:before,.ion-ios-folder:before,.ion-ios-folder-outline:before,.ion-ios-football:before,.ion-ios-football-outline:before,.ion-ios-game-controller-a:before,.ion-ios-game-controller-a-outline:before,.ion-ios-game-controller-b:before,.ion-ios-game-controller-b-outline:before,.ion-ios-gear:before,.ion-ios-gear-outline:before,.ion-ios-glasses:before,.ion-ios-glasses-outline:before,.ion-ios-grid-view:before,.ion-ios-grid-view-outline:before,.ion-ios-heart:before,.ion-ios-heart-outline:before,.ion-ios-help:before,.ion-ios-help-empty:before,.ion-ios-help-outline:before,.ion-ios-home:before,.ion-ios-home-outline:before,.ion-ios-infinite:before,.ion-ios-infinite-outline:before,.ion-ios-information:before,.ion-ios-information-empty:before,.ion-ios-information-outline:before,.ion-ios-ionic-outline:before,.ion-ios-keypad:before,.ion-ios-keypad-outline:before,.ion-ios-lightbulb:before,.ion-ios-lightbulb-outline:before,.ion-ios-list:before,.ion-ios-list-outline:before,.ion-ios-location:before,.ion-ios-location-outline:before,.ion-ios-locked:before,.ion-ios-locked-outline:before,.ion-ios-loop:before,.ion-ios-loop-strong:before,.ion-ios-medical:before,.ion-ios-medical-outline:before,.ion-ios-medkit:before,.ion-ios-medkit-outline:before,.ion-ios-mic:before,.ion-ios-mic-off:before,.ion-ios-mic-outline:before,.ion-ios-minus:before,.ion-ios-minus-empty:before,.ion-ios-minus-outline:before,.ion-ios-monitor:before,.ion-ios-monitor-outline:before,.ion-ios-moon:before,.ion-ios-moon-outline:before,.ion-ios-more:before,.ion-ios-more-outline:before,.ion-ios-musical-note:before,.ion-ios-musical-notes:before,.ion-ios-navigate:before,.ion-ios-navigate-outline:before,.ion-ios-nutrition:before,.ion-ios-nutrition-outline:before,.ion-ios-paper:before,.ion-ios-paper-outline:before,.ion-ios-paperplane:before,.ion-ios-paperplane-outline:before,.ion-ios-partlysunny:before,.ion-ios-partlysunny-outline:before,.ion-ios-pause:before,.ion-ios-pause-outline:before,.ion-ios-paw:before,.ion-ios-paw-outline:before,.ion-ios-people:before,.ion-ios-people-outline:before,.ion-ios-person:before,.ion-ios-person-outline:before,.ion-ios-personadd:before,.ion-ios-personadd-outline:before,.ion-ios-photos:before,.ion-ios-photos-outline:before,.ion-ios-pie:before,.ion-ios-pie-outline:before,.ion-ios-pint:before,.ion-ios-pint-outline:before,.ion-ios-play:before,.ion-ios-play-outline:before,.ion-ios-plus:before,.ion-ios-plus-empty:before,.ion-ios-plus-outline:before,.ion-ios-pricetag:before,.ion-ios-pricetag-outline:before,.ion-ios-pricetags:before,.ion-ios-pricetags-outline:before,.ion-ios-printer:before,.ion-ios-printer-outline:before,.ion-ios-pulse:before,.ion-ios-pulse-strong:before,.ion-ios-rainy:before,.ion-ios-rainy-outline:before,.ion-ios-recording:before,.ion-ios-recording-outline:before,.ion-ios-redo:before,.ion-ios-redo-outline:before,.ion-ios-refresh:before,.ion-ios-refresh-empty:before,.ion-ios-refresh-outline:before,.ion-ios-reload:before,.ion-ios-reverse-camera:before,.ion-ios-reverse-camera-outline:before,.ion-ios-rewind:before,.ion-ios-rewind-outline:before,.ion-ios-rose:before,.ion-ios-rose-outline:before,.ion-ios-search:before,.ion-ios-search-strong:before,.ion-ios-settings:before,.ion-ios-settings-strong:before,.ion-ios-shuffle:before,.ion-ios-shuffle-strong:before,.ion-ios-skipbackward:before,.ion-ios-skipbackward-outline:before,.ion-ios-skipforward:before,.ion-ios-skipforward-outline:before,.ion-ios-snowy:before,.ion-ios-speedometer:before,.ion-ios-speedometer-outline:before,.ion-ios-star:before,.ion-ios-star-half:before,.ion-ios-star-outline:before,.ion-ios-stopwatch:before,.ion-ios-stopwatch-outline:before,.ion-ios-sunny:before,.ion-ios-sunny-outline:before,.ion-ios-telephone:before,.ion-ios-telephone-outline:before,.ion-ios-tennisball:before,.ion-ios-tennisball-outline:before,.ion-ios-thunderstorm:before,.ion-ios-thunderstorm-outline:before,.ion-ios-time:before,.ion-ios-time-outline:before,.ion-ios-timer:before,.ion-ios-timer-outline:before,.ion-ios-toggle:before,.ion-ios-toggle-outline:before,.ion-ios-trash:before,.ion-ios-trash-outline:before,.ion-ios-undo:before,.ion-ios-undo-outline:before,.ion-ios-unlocked:before,.ion-ios-unlocked-outline:before,.ion-ios-upload:before,.ion-ios-upload-outline:before,.ion-ios-videocam:before,.ion-ios-videocam-outline:before,.ion-ios-volume-high:before,.ion-ios-volume-low:before,.ion-ios-wineglass:before,.ion-ios-wineglass-outline:before,.ion-ios-world:before,.ion-ios-world-outline:before,.ion-ipad:before,.ion-iphone:before,.ion-ipod:before,.ion-jet:before,.ion-key:before,.ion-knife:before,.ion-laptop:before,.ion-leaf:before,.ion-levels:before,.ion-lightbulb:before,.ion-link:before,.ion-load-a:before,.ion-load-b:before,.ion-load-c:before,.ion-load-d:before,.ion-location:before,.ion-lock-combination:before,.ion-locked:before,.ion-log-in:before,.ion-log-out:before,.ion-loop:before,.ion-magnet:before,.ion-male:before,.ion-man:before,.ion-map:before,.ion-medkit:before,.ion-merge:before,.ion-mic-a:before,.ion-mic-b:before,.ion-mic-c:before,.ion-minus:before,.ion-minus-circled:before,.ion-minus-round:before,.ion-model-s:before,.ion-monitor:before,.ion-more:before,.ion-mouse:before,.ion-music-note:before,.ion-navicon:before,.ion-navicon-round:before,.ion-navigate:before,.ion-network:before,.ion-no-smoking:before,.ion-nuclear:before,.ion-outlet:before,.ion-paintbrush:before,.ion-paintbucket:before,.ion-paper-airplane:before,.ion-paperclip:before,.ion-pause:before,.ion-person:before,.ion-person-add:before,.ion-person-stalker:before,.ion-pie-graph:before,.ion-pin:before,.ion-pinpoint:before,.ion-pizza:before,.ion-plane:before,.ion-planet:before,.ion-play:before,.ion-playstation:before,.ion-plus:before,.ion-plus-circled:before,.ion-plus-round:before,.ion-podium:before,.ion-pound:before,.ion-power:before,.ion-pricetag:before,.ion-pricetags:before,.ion-printer:before,.ion-pull-request:before,.ion-qr-scanner:before,.ion-quote:before,.ion-radio-waves:before,.ion-record:before,.ion-refresh:before,.ion-reply:before,.ion-reply-all:before,.ion-ribbon-a:before,.ion-ribbon-b:before,.ion-sad:before,.ion-sad-outline:before,.ion-scissors:before,.ion-search:before,.ion-settings:before,.ion-share:before,.ion-shuffle:before,.ion-skip-backward:before,.ion-skip-forward:before,.ion-social-android:before,.ion-social-android-outline:before,.ion-social-angular:before,.ion-social-angular-outline:before,.ion-social-apple:before,.ion-social-apple-outline:before,.ion-social-bitcoin:before,.ion-social-bitcoin-outline:before,.ion-social-buffer:before,.ion-social-buffer-outline:before,.ion-social-chrome:before,.ion-social-chrome-outline:before,.ion-social-codepen:before,.ion-social-codepen-outline:before,.ion-social-css3:before,.ion-social-css3-outline:before,.ion-social-designernews:before,.ion-social-designernews-outline:before,.ion-social-dribbble:before,.ion-social-dribbble-outline:before,.ion-social-dropbox:before,.ion-social-dropbox-outline:before,.ion-social-euro:before,.ion-social-euro-outline:before,.ion-social-facebook:before,.ion-social-facebook-outline:before,.ion-social-foursquare:before,.ion-social-foursquare-outline:before,.ion-social-freebsd-devil:before,.ion-social-github:before,.ion-social-github-outline:before,.ion-social-google:before,.ion-social-google-outline:before,.ion-social-googleplus:before,.ion-social-googleplus-outline:before,.ion-social-hackernews:before,.ion-social-hackernews-outline:before,.ion-social-html5:before,.ion-social-html5-outline:before,.ion-social-instagram:before,.ion-social-instagram-outline:before,.ion-social-javascript:before,.ion-social-javascript-outline:before,.ion-social-linkedin:before,.ion-social-linkedin-outline:before,.ion-social-markdown:before,.ion-social-nodejs:before,.ion-social-octocat:before,.ion-social-pinterest:before,.ion-social-pinterest-outline:before,.ion-social-python:before,.ion-social-reddit:before,.ion-social-reddit-outline:before,.ion-social-rss:before,.ion-social-rss-outline:before,.ion-social-sass:before,.ion-social-skype:before,.ion-social-skype-outline:before,.ion-social-snapchat:before,.ion-social-snapchat-outline:before,.ion-social-tumblr:before,.ion-social-tumblr-outline:before,.ion-social-tux:before,.ion-social-twitch:before,.ion-social-twitch-outline:before,.ion-social-twitter:before,.ion-social-twitter-outline:before,.ion-social-usd:before,.ion-social-usd-outline:before,.ion-social-vimeo:before,.ion-social-vimeo-outline:before,.ion-social-whatsapp:before,.ion-social-whatsapp-outline:before,.ion-social-windows:before,.ion-social-windows-outline:before,.ion-social-wordpress:before,.ion-social-wordpress-outline:before,.ion-social-yahoo:before,.ion-social-yahoo-outline:before,.ion-social-yen:before,.ion-social-yen-outline:before,.ion-social-youtube:before,.ion-social-youtube-outline:before,.ion-soup-can:before,.ion-soup-can-outline:before,.ion-speakerphone:before,.ion-speedometer:before,.ion-spoon:before,.ion-star:before,.ion-stats-bars:before,.ion-steam:before,.ion-stop:before,.ion-thermometer:before,.ion-thumbsdown:before,.ion-thumbsup:before,.ion-toggle:before,.ion-toggle-filled:before,.ion-transgender:before,.ion-trash-a:before,.ion-trash-b:before,.ion-trophy:before,.ion-tshirt:before,.ion-tshirt-outline:before,.ion-umbrella:before,.ion-university:before,.ion-unlocked:before,.ion-upload:before,.ion-usb:before,.ion-videocamera:before,.ion-volume-high:before,.ion-volume-low:before,.ion-volume-medium:before,.ion-volume-mute:before,.ion-wand:before,.ion-waterdrop:before,.ion-wifi:before,.ion-wineglass:before,.ion-woman:before,.ion-wrench:before,.ion-xbox:before{display:inline-block;font-family:"Ionicons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ion-alert:before{content:"\f101"}.ion-alert-circled:before{content:"\f100"}.ion-android-add:before{content:"\f2c7"}.ion-android-add-circle:before{content:"\f359"}.ion-android-alarm-clock:before{content:"\f35a"}.ion-android-alert:before{content:"\f35b"}.ion-android-apps:before{content:"\f35c"}.ion-android-archive:before{content:"\f2c9"}.ion-android-arrow-back:before{content:"\f2ca"}.ion-android-arrow-down:before{content:"\f35d"}.ion-android-arrow-dropdown:before{content:"\f35f"}.ion-android-arrow-dropdown-circle:before{content:"\f35e"}.ion-android-arrow-dropleft:before{content:"\f361"}.ion-android-arrow-dropleft-circle:before{content:"\f360"}.ion-android-arrow-dropright:before{content:"\f363"}.ion-android-arrow-dropright-circle:before{content:"\f362"}.ion-android-arrow-dropup:before{content:"\f365"}.ion-android-arrow-dropup-circle:before{content:"\f364"}.ion-android-arrow-forward:before{content:"\f30f"}.ion-android-arrow-up:before{content:"\f366"}.ion-android-attach:before{content:"\f367"}.ion-android-bar:before{content:"\f368"}.ion-android-bicycle:before{content:"\f369"}.ion-android-boat:before{content:"\f36a"}.ion-android-bookmark:before{content:"\f36b"}.ion-android-bulb:before{content:"\f36c"}.ion-android-bus:before{content:"\f36d"}.ion-android-calendar:before{content:"\f2d1"}.ion-android-call:before{content:"\f2d2"}.ion-android-camera:before{content:"\f2d3"}.ion-android-cancel:before{content:"\f36e"}.ion-android-car:before{content:"\f36f"}.ion-android-cart:before{content:"\f370"}.ion-android-chat:before{content:"\f2d4"}.ion-android-checkbox:before{content:"\f374"}.ion-android-checkbox-blank:before{content:"\f371"}.ion-android-checkbox-outline:before{content:"\f373"}.ion-android-checkbox-outline-blank:before{content:"\f372"}.ion-android-checkmark-circle:before{content:"\f375"}.ion-android-clipboard:before{content:"\f376"}.ion-android-close:before{content:"\f2d7"}.ion-android-cloud:before{content:"\f37a"}.ion-android-cloud-circle:before{content:"\f377"}.ion-android-cloud-done:before{content:"\f378"}.ion-android-cloud-outline:before{content:"\f379"}.ion-android-color-palette:before{content:"\f37b"}.ion-android-compass:before{content:"\f37c"}.ion-android-contact:before{content:"\f2d8"}.ion-android-contacts:before{content:"\f2d9"}.ion-android-contract:before{content:"\f37d"}.ion-android-create:before{content:"\f37e"}.ion-android-delete:before{content:"\f37f"}.ion-android-desktop:before{content:"\f380"}.ion-android-document:before{content:"\f381"}.ion-android-done:before{content:"\f383"}.ion-android-done-all:before{content:"\f382"}.ion-android-download:before{content:"\f2dd"}.ion-android-drafts:before{content:"\f384"}.ion-android-exit:before{content:"\f385"}.ion-android-expand:before{content:"\f386"}.ion-android-favorite:before{content:"\f388"}.ion-android-favorite-outline:before{content:"\f387"}.ion-android-film:before{content:"\f389"}.ion-android-folder:before{content:"\f2e0"}.ion-android-folder-open:before{content:"\f38a"}.ion-android-funnel:before{content:"\f38b"}.ion-android-globe:before{content:"\f38c"}.ion-android-hand:before{content:"\f2e3"}.ion-android-hangout:before{content:"\f38d"}.ion-android-happy:before{content:"\f38e"}.ion-android-home:before{content:"\f38f"}.ion-android-image:before{content:"\f2e4"}.ion-android-laptop:before{content:"\f390"}.ion-android-list:before{content:"\f391"}.ion-android-locate:before{content:"\f2e9"}.ion-android-lock:before{content:"\f392"}.ion-android-mail:before{content:"\f2eb"}.ion-android-map:before{content:"\f393"}.ion-android-menu:before{content:"\f394"}.ion-android-microphone:before{content:"\f2ec"}.ion-android-microphone-off:before{content:"\f395"}.ion-android-more-horizontal:before{content:"\f396"}.ion-android-more-vertical:before{content:"\f397"}.ion-android-navigate:before{content:"\f398"}.ion-android-notifications:before{content:"\f39b"}.ion-android-notifications-none:before{content:"\f399"}.ion-android-notifications-off:before{content:"\f39a"}.ion-android-open:before{content:"\f39c"}.ion-android-options:before{content:"\f39d"}.ion-android-people:before{content:"\f39e"}.ion-android-person:before{content:"\f3a0"}.ion-android-person-add:before{content:"\f39f"}.ion-android-phone-landscape:before{content:"\f3a1"}.ion-android-phone-portrait:before{content:"\f3a2"}.ion-android-pin:before{content:"\f3a3"}.ion-android-plane:before{content:"\f3a4"}.ion-android-playstore:before{content:"\f2f0"}.ion-android-print:before{content:"\f3a5"}.ion-android-radio-button-off:before{content:"\f3a6"}.ion-android-radio-button-on:before{content:"\f3a7"}.ion-android-refresh:before{content:"\f3a8"}.ion-android-remove:before{content:"\f2f4"}.ion-android-remove-circle:before{content:"\f3a9"}.ion-android-restaurant:before{content:"\f3aa"}.ion-android-sad:before{content:"\f3ab"}.ion-android-search:before{content:"\f2f5"}.ion-android-send:before{content:"\f2f6"}.ion-android-settings:before{content:"\f2f7"}.ion-android-share:before{content:"\f2f8"}.ion-android-share-alt:before{content:"\f3ac"}.ion-android-star:before{content:"\f2fc"}.ion-android-star-half:before{content:"\f3ad"}.ion-android-star-outline:before{content:"\f3ae"}.ion-android-stopwatch:before{content:"\f2fd"}.ion-android-subway:before{content:"\f3af"}.ion-android-sunny:before{content:"\f3b0"}.ion-android-sync:before{content:"\f3b1"}.ion-android-textsms:before{content:"\f3b2"}.ion-android-time:before{content:"\f3b3"}.ion-android-train:before{content:"\f3b4"}.ion-android-unlock:before{content:"\f3b5"}.ion-android-upload:before{content:"\f3b6"}.ion-android-volume-down:before{content:"\f3b7"}.ion-android-volume-mute:before{content:"\f3b8"}.ion-android-volume-off:before{content:"\f3b9"}.ion-android-volume-up:before{content:"\f3ba"}.ion-android-walk:before{content:"\f3bb"}.ion-android-warning:before{content:"\f3bc"}.ion-android-watch:before{content:"\f3bd"}.ion-android-wifi:before{content:"\f305"}.ion-aperture:before{content:"\f313"}.ion-archive:before{content:"\f102"}.ion-arrow-down-a:before{content:"\f103"}.ion-arrow-down-b:before{content:"\f104"}.ion-arrow-down-c:before{content:"\f105"}.ion-arrow-expand:before{content:"\f25e"}.ion-arrow-graph-down-left:before{content:"\f25f"}.ion-arrow-graph-down-right:before{content:"\f260"}.ion-arrow-graph-up-left:before{content:"\f261"}.ion-arrow-graph-up-right:before{content:"\f262"}.ion-arrow-left-a:before{content:"\f106"}.ion-arrow-left-b:before{content:"\f107"}.ion-arrow-left-c:before{content:"\f108"}.ion-arrow-move:before{content:"\f263"}.ion-arrow-resize:before{content:"\f264"}.ion-arrow-return-left:before{content:"\f265"}.ion-arrow-return-right:before{content:"\f266"}.ion-arrow-right-a:before{content:"\f109"}.ion-arrow-right-b:before{content:"\f10a"}.ion-arrow-right-c:before{content:"\f10b"}.ion-arrow-shrink:before{content:"\f267"}.ion-arrow-swap:before{content:"\f268"}.ion-arrow-up-a:before{content:"\f10c"}.ion-arrow-up-b:before{content:"\f10d"}.ion-arrow-up-c:before{content:"\f10e"}.ion-asterisk:before{content:"\f314"}.ion-at:before{content:"\f10f"}.ion-backspace:before{content:"\f3bf"}.ion-backspace-outline:before{content:"\f3be"}.ion-bag:before{content:"\f110"}.ion-battery-charging:before{content:"\f111"}.ion-battery-empty:before{content:"\f112"}.ion-battery-full:before{content:"\f113"}.ion-battery-half:before{content:"\f114"}.ion-battery-low:before{content:"\f115"}.ion-beaker:before{content:"\f269"}.ion-beer:before{content:"\f26a"}.ion-bluetooth:before{content:"\f116"}.ion-bonfire:before{content:"\f315"}.ion-bookmark:before{content:"\f26b"}.ion-bowtie:before{content:"\f3c0"}.ion-briefcase:before{content:"\f26c"}.ion-bug:before{content:"\f2be"}.ion-calculator:before{content:"\f26d"}.ion-calendar:before{content:"\f117"}.ion-camera:before{content:"\f118"}.ion-card:before{content:"\f119"}.ion-cash:before{content:"\f316"}.ion-chatbox:before{content:"\f11b"}.ion-chatbox-working:before{content:"\f11a"}.ion-chatboxes:before{content:"\f11c"}.ion-chatbubble:before{content:"\f11e"}.ion-chatbubble-working:before{content:"\f11d"}.ion-chatbubbles:before{content:"\f11f"}.ion-checkmark:before{content:"\f122"}.ion-checkmark-circled:before{content:"\f120"}.ion-checkmark-round:before{content:"\f121"}.ion-chevron-down:before{content:"\f123"}.ion-chevron-left:before{content:"\f124"}.ion-chevron-right:before{content:"\f125"}.ion-chevron-up:before{content:"\f126"}.ion-clipboard:before{content:"\f127"}.ion-clock:before{content:"\f26e"}.ion-close:before{content:"\f12a"}.ion-close-circled:before{content:"\f128"}.ion-close-round:before{content:"\f129"}.ion-closed-captioning:before{content:"\f317"}.ion-cloud:before{content:"\f12b"}.ion-code:before{content:"\f271"}.ion-code-download:before{content:"\f26f"}.ion-code-working:before{content:"\f270"}.ion-coffee:before{content:"\f272"}.ion-compass:before{content:"\f273"}.ion-compose:before{content:"\f12c"}.ion-connection-bars:before{content:"\f274"}.ion-contrast:before{content:"\f275"}.ion-crop:before{content:"\f3c1"}.ion-cube:before{content:"\f318"}.ion-disc:before{content:"\f12d"}.ion-document:before{content:"\f12f"}.ion-document-text:before{content:"\f12e"}.ion-drag:before{content:"\f130"}.ion-earth:before{content:"\f276"}.ion-easel:before{content:"\f3c2"}.ion-edit:before{content:"\f2bf"}.ion-egg:before{content:"\f277"}.ion-eject:before{content:"\f131"}.ion-email:before{content:"\f132"}.ion-email-unread:before{content:"\f3c3"}.ion-erlenmeyer-flask:before{content:"\f3c5"}.ion-erlenmeyer-flask-bubbles:before{content:"\f3c4"}.ion-eye:before{content:"\f133"}.ion-eye-disabled:before{content:"\f306"}.ion-female:before{content:"\f278"}.ion-filing:before{content:"\f134"}.ion-film-marker:before{content:"\f135"}.ion-fireball:before{content:"\f319"}.ion-flag:before{content:"\f279"}.ion-flame:before{content:"\f31a"}.ion-flash:before{content:"\f137"}.ion-flash-off:before{content:"\f136"}.ion-folder:before{content:"\f139"}.ion-fork:before{content:"\f27a"}.ion-fork-repo:before{content:"\f2c0"}.ion-forward:before{content:"\f13a"}.ion-funnel:before{content:"\f31b"}.ion-gear-a:before{content:"\f13d"}.ion-gear-b:before{content:"\f13e"}.ion-grid:before{content:"\f13f"}.ion-hammer:before{content:"\f27b"}.ion-happy:before{content:"\f31c"}.ion-happy-outline:before{content:"\f3c6"}.ion-headphone:before{content:"\f140"}.ion-heart:before{content:"\f141"}.ion-heart-broken:before{content:"\f31d"}.ion-help:before{content:"\f143"}.ion-help-buoy:before{content:"\f27c"}.ion-help-circled:before{content:"\f142"}.ion-home:before{content:"\f144"}.ion-icecream:before{content:"\f27d"}.ion-image:before{content:"\f147"}.ion-images:before{content:"\f148"}.ion-information:before{content:"\f14a"}.ion-information-circled:before{content:"\f149"}.ion-ionic:before{content:"\f14b"}.ion-ios-alarm:before{content:"\f3c8"}.ion-ios-alarm-outline:before{content:"\f3c7"}.ion-ios-albums:before{content:"\f3ca"}.ion-ios-albums-outline:before{content:"\f3c9"}.ion-ios-americanfootball:before{content:"\f3cc"}.ion-ios-americanfootball-outline:before{content:"\f3cb"}.ion-ios-analytics:before{content:"\f3ce"}.ion-ios-analytics-outline:before{content:"\f3cd"}.ion-ios-arrow-back:before{content:"\f3cf"}.ion-ios-arrow-down:before{content:"\f3d0"}.ion-ios-arrow-forward:before{content:"\f3d1"}.ion-ios-arrow-left:before{content:"\f3d2"}.ion-ios-arrow-right:before{content:"\f3d3"}.ion-ios-arrow-thin-down:before{content:"\f3d4"}.ion-ios-arrow-thin-left:before{content:"\f3d5"}.ion-ios-arrow-thin-right:before{content:"\f3d6"}.ion-ios-arrow-thin-up:before{content:"\f3d7"}.ion-ios-arrow-up:before{content:"\f3d8"}.ion-ios-at:before{content:"\f3da"}.ion-ios-at-outline:before{content:"\f3d9"}.ion-ios-barcode:before{content:"\f3dc"}.ion-ios-barcode-outline:before{content:"\f3db"}.ion-ios-baseball:before{content:"\f3de"}.ion-ios-baseball-outline:before{content:"\f3dd"}.ion-ios-basketball:before{content:"\f3e0"}.ion-ios-basketball-outline:before{content:"\f3df"}.ion-ios-bell:before{content:"\f3e2"}.ion-ios-bell-outline:before{content:"\f3e1"}.ion-ios-body:before{content:"\f3e4"}.ion-ios-body-outline:before{content:"\f3e3"}.ion-ios-bolt:before{content:"\f3e6"}.ion-ios-bolt-outline:before{content:"\f3e5"}.ion-ios-book:before{content:"\f3e8"}.ion-ios-book-outline:before{content:"\f3e7"}.ion-ios-bookmarks:before{content:"\f3ea"}.ion-ios-bookmarks-outline:before{content:"\f3e9"}.ion-ios-box:before{content:"\f3ec"}.ion-ios-box-outline:before{content:"\f3eb"}.ion-ios-briefcase:before{content:"\f3ee"}.ion-ios-briefcase-outline:before{content:"\f3ed"}.ion-ios-browsers:before{content:"\f3f0"}.ion-ios-browsers-outline:before{content:"\f3ef"}.ion-ios-calculator:before{content:"\f3f2"}.ion-ios-calculator-outline:before{content:"\f3f1"}.ion-ios-calendar:before{content:"\f3f4"}.ion-ios-calendar-outline:before{content:"\f3f3"}.ion-ios-camera:before{content:"\f3f6"}.ion-ios-camera-outline:before{content:"\f3f5"}.ion-ios-cart:before{content:"\f3f8"}.ion-ios-cart-outline:before{content:"\f3f7"}.ion-ios-chatboxes:before{content:"\f3fa"}.ion-ios-chatboxes-outline:before{content:"\f3f9"}.ion-ios-chatbubble:before{content:"\f3fc"}.ion-ios-chatbubble-outline:before{content:"\f3fb"}.ion-ios-checkmark:before{content:"\f3ff"}.ion-ios-checkmark-empty:before{content:"\f3fd"}.ion-ios-checkmark-outline:before{content:"\f3fe"}.ion-ios-circle-filled:before{content:"\f400"}.ion-ios-circle-outline:before{content:"\f401"}.ion-ios-clock:before{content:"\f403"}.ion-ios-clock-outline:before{content:"\f402"}.ion-ios-close:before{content:"\f406"}.ion-ios-close-empty:before{content:"\f404"}.ion-ios-close-outline:before{content:"\f405"}.ion-ios-cloud:before{content:"\f40c"}.ion-ios-cloud-download:before{content:"\f408"}.ion-ios-cloud-download-outline:before{content:"\f407"}.ion-ios-cloud-outline:before{content:"\f409"}.ion-ios-cloud-upload:before{content:"\f40b"}.ion-ios-cloud-upload-outline:before{content:"\f40a"}.ion-ios-cloudy:before{content:"\f410"}.ion-ios-cloudy-night:before{content:"\f40e"}.ion-ios-cloudy-night-outline:before{content:"\f40d"}.ion-ios-cloudy-outline:before{content:"\f40f"}.ion-ios-cog:before{content:"\f412"}.ion-ios-cog-outline:before{content:"\f411"}.ion-ios-color-filter:before{content:"\f414"}.ion-ios-color-filter-outline:before{content:"\f413"}.ion-ios-color-wand:before{content:"\f416"}.ion-ios-color-wand-outline:before{content:"\f415"}.ion-ios-compose:before{content:"\f418"}.ion-ios-compose-outline:before{content:"\f417"}.ion-ios-contact:before{content:"\f41a"}.ion-ios-contact-outline:before{content:"\f419"}.ion-ios-copy:before{content:"\f41c"}.ion-ios-copy-outline:before{content:"\f41b"}.ion-ios-crop:before{content:"\f41e"}.ion-ios-crop-strong:before{content:"\f41d"}.ion-ios-download:before{content:"\f420"}.ion-ios-download-outline:before{content:"\f41f"}.ion-ios-drag:before{content:"\f421"}.ion-ios-email:before{content:"\f423"}.ion-ios-email-outline:before{content:"\f422"}.ion-ios-eye:before{content:"\f425"}.ion-ios-eye-outline:before{content:"\f424"}.ion-ios-fastforward:before{content:"\f427"}.ion-ios-fastforward-outline:before{content:"\f426"}.ion-ios-filing:before{content:"\f429"}.ion-ios-filing-outline:before{content:"\f428"}.ion-ios-film:before{content:"\f42b"}.ion-ios-film-outline:before{content:"\f42a"}.ion-ios-flag:before{content:"\f42d"}.ion-ios-flag-outline:before{content:"\f42c"}.ion-ios-flame:before{content:"\f42f"}.ion-ios-flame-outline:before{content:"\f42e"}.ion-ios-flask:before{content:"\f431"}.ion-ios-flask-outline:before{content:"\f430"}.ion-ios-flower:before{content:"\f433"}.ion-ios-flower-outline:before{content:"\f432"}.ion-ios-folder:before{content:"\f435"}.ion-ios-folder-outline:before{content:"\f434"}.ion-ios-football:before{content:"\f437"}.ion-ios-football-outline:before{content:"\f436"}.ion-ios-game-controller-a:before{content:"\f439"}.ion-ios-game-controller-a-outline:before{content:"\f438"}.ion-ios-game-controller-b:before{content:"\f43b"}.ion-ios-game-controller-b-outline:before{content:"\f43a"}.ion-ios-gear:before{content:"\f43d"}.ion-ios-gear-outline:before{content:"\f43c"}.ion-ios-glasses:before{content:"\f43f"}.ion-ios-glasses-outline:before{content:"\f43e"}.ion-ios-grid-view:before{content:"\f441"}.ion-ios-grid-view-outline:before{content:"\f440"}.ion-ios-heart:before{content:"\f443"}.ion-ios-heart-outline:before{content:"\f442"}.ion-ios-help:before{content:"\f446"}.ion-ios-help-empty:before{content:"\f444"}.ion-ios-help-outline:before{content:"\f445"}.ion-ios-home:before{content:"\f448"}.ion-ios-home-outline:before{content:"\f447"}.ion-ios-infinite:before{content:"\f44a"}.ion-ios-infinite-outline:before{content:"\f449"}.ion-ios-information:before{content:"\f44d"}.ion-ios-information-empty:before{content:"\f44b"}.ion-ios-information-outline:before{content:"\f44c"}.ion-ios-ionic-outline:before{content:"\f44e"}.ion-ios-keypad:before{content:"\f450"}.ion-ios-keypad-outline:before{content:"\f44f"}.ion-ios-lightbulb:before{content:"\f452"}.ion-ios-lightbulb-outline:before{content:"\f451"}.ion-ios-list:before{content:"\f454"}.ion-ios-list-outline:before{content:"\f453"}.ion-ios-location:before{content:"\f456"}.ion-ios-location-outline:before{content:"\f455"}.ion-ios-locked:before{content:"\f458"}.ion-ios-locked-outline:before{content:"\f457"}.ion-ios-loop:before{content:"\f45a"}.ion-ios-loop-strong:before{content:"\f459"}.ion-ios-medical:before{content:"\f45c"}.ion-ios-medical-outline:before{content:"\f45b"}.ion-ios-medkit:before{content:"\f45e"}.ion-ios-medkit-outline:before{content:"\f45d"}.ion-ios-mic:before{content:"\f461"}.ion-ios-mic-off:before{content:"\f45f"}.ion-ios-mic-outline:before{content:"\f460"}.ion-ios-minus:before{content:"\f464"}.ion-ios-minus-empty:before{content:"\f462"}.ion-ios-minus-outline:before{content:"\f463"}.ion-ios-monitor:before{content:"\f466"}.ion-ios-monitor-outline:before{content:"\f465"}.ion-ios-moon:before{content:"\f468"}.ion-ios-moon-outline:before{content:"\f467"}.ion-ios-more:before{content:"\f46a"}.ion-ios-more-outline:before{content:"\f469"}.ion-ios-musical-note:before{content:"\f46b"}.ion-ios-musical-notes:before{content:"\f46c"}.ion-ios-navigate:before{content:"\f46e"}.ion-ios-navigate-outline:before{content:"\f46d"}.ion-ios-nutrition:before{content:"\f470"}.ion-ios-nutrition-outline:before{content:"\f46f"}.ion-ios-paper:before{content:"\f472"}.ion-ios-paper-outline:before{content:"\f471"}.ion-ios-paperplane:before{content:"\f474"}.ion-ios-paperplane-outline:before{content:"\f473"}.ion-ios-partlysunny:before{content:"\f476"}.ion-ios-partlysunny-outline:before{content:"\f475"}.ion-ios-pause:before{content:"\f478"}.ion-ios-pause-outline:before{content:"\f477"}.ion-ios-paw:before{content:"\f47a"}.ion-ios-paw-outline:before{content:"\f479"}.ion-ios-people:before{content:"\f47c"}.ion-ios-people-outline:before{content:"\f47b"}.ion-ios-person:before{content:"\f47e"}.ion-ios-person-outline:before{content:"\f47d"}.ion-ios-personadd:before{content:"\f480"}.ion-ios-personadd-outline:before{content:"\f47f"}.ion-ios-photos:before{content:"\f482"}.ion-ios-photos-outline:before{content:"\f481"}.ion-ios-pie:before{content:"\f484"}.ion-ios-pie-outline:before{content:"\f483"}.ion-ios-pint:before{content:"\f486"}.ion-ios-pint-outline:before{content:"\f485"}.ion-ios-play:before{content:"\f488"}.ion-ios-play-outline:before{content:"\f487"}.ion-ios-plus:before{content:"\f48b"}.ion-ios-plus-empty:before{content:"\f489"}.ion-ios-plus-outline:before{content:"\f48a"}.ion-ios-pricetag:before{content:"\f48d"}.ion-ios-pricetag-outline:before{content:"\f48c"}.ion-ios-pricetags:before{content:"\f48f"}.ion-ios-pricetags-outline:before{content:"\f48e"}.ion-ios-printer:before{content:"\f491"}.ion-ios-printer-outline:before{content:"\f490"}.ion-ios-pulse:before{content:"\f493"}.ion-ios-pulse-strong:before{content:"\f492"}.ion-ios-rainy:before{content:"\f495"}.ion-ios-rainy-outline:before{content:"\f494"}.ion-ios-recording:before{content:"\f497"}.ion-ios-recording-outline:before{content:"\f496"}.ion-ios-redo:before{content:"\f499"}.ion-ios-redo-outline:before{content:"\f498"}.ion-ios-refresh:before{content:"\f49c"}.ion-ios-refresh-empty:before{content:"\f49a"}.ion-ios-refresh-outline:before{content:"\f49b"}.ion-ios-reload:before{content:"\f49d"}.ion-ios-reverse-camera:before{content:"\f49f"}.ion-ios-reverse-camera-outline:before{content:"\f49e"}.ion-ios-rewind:before{content:"\f4a1"}.ion-ios-rewind-outline:before{content:"\f4a0"}.ion-ios-rose:before{content:"\f4a3"}.ion-ios-rose-outline:before{content:"\f4a2"}.ion-ios-search:before{content:"\f4a5"}.ion-ios-search-strong:before{content:"\f4a4"}.ion-ios-settings:before{content:"\f4a7"}.ion-ios-settings-strong:before{content:"\f4a6"}.ion-ios-shuffle:before{content:"\f4a9"}.ion-ios-shuffle-strong:before{content:"\f4a8"}.ion-ios-skipbackward:before{content:"\f4ab"}.ion-ios-skipbackward-outline:before{content:"\f4aa"}.ion-ios-skipforward:before{content:"\f4ad"}.ion-ios-skipforward-outline:before{content:"\f4ac"}.ion-ios-snowy:before{content:"\f4ae"}.ion-ios-speedometer:before{content:"\f4b0"}.ion-ios-speedometer-outline:before{content:"\f4af"}.ion-ios-star:before{content:"\f4b3"}.ion-ios-star-half:before{content:"\f4b1"}.ion-ios-star-outline:before{content:"\f4b2"}.ion-ios-stopwatch:before{content:"\f4b5"}.ion-ios-stopwatch-outline:before{content:"\f4b4"}.ion-ios-sunny:before{content:"\f4b7"}.ion-ios-sunny-outline:before{content:"\f4b6"}.ion-ios-telephone:before{content:"\f4b9"}.ion-ios-telephone-outline:before{content:"\f4b8"}.ion-ios-tennisball:before{content:"\f4bb"}.ion-ios-tennisball-outline:before{content:"\f4ba"}.ion-ios-thunderstorm:before{content:"\f4bd"}.ion-ios-thunderstorm-outline:before{content:"\f4bc"}.ion-ios-time:before{content:"\f4bf"}.ion-ios-time-outline:before{content:"\f4be"}.ion-ios-timer:before{content:"\f4c1"}.ion-ios-timer-outline:before{content:"\f4c0"}.ion-ios-toggle:before{content:"\f4c3"}.ion-ios-toggle-outline:before{content:"\f4c2"}.ion-ios-trash:before{content:"\f4c5"}.ion-ios-trash-outline:before{content:"\f4c4"}.ion-ios-undo:before{content:"\f4c7"}.ion-ios-undo-outline:before{content:"\f4c6"}.ion-ios-unlocked:before{content:"\f4c9"}.ion-ios-unlocked-outline:before{content:"\f4c8"}.ion-ios-upload:before{content:"\f4cb"}.ion-ios-upload-outline:before{content:"\f4ca"}.ion-ios-videocam:before{content:"\f4cd"}.ion-ios-videocam-outline:before{content:"\f4cc"}.ion-ios-volume-high:before{content:"\f4ce"}.ion-ios-volume-low:before{content:"\f4cf"}.ion-ios-wineglass:before{content:"\f4d1"}.ion-ios-wineglass-outline:before{content:"\f4d0"}.ion-ios-world:before{content:"\f4d3"}.ion-ios-world-outline:before{content:"\f4d2"}.ion-ipad:before{content:"\f1f9"}.ion-iphone:before{content:"\f1fa"}.ion-ipod:before{content:"\f1fb"}.ion-jet:before{content:"\f295"}.ion-key:before{content:"\f296"}.ion-knife:before{content:"\f297"}.ion-laptop:before{content:"\f1fc"}.ion-leaf:before{content:"\f1fd"}.ion-levels:before{content:"\f298"}.ion-lightbulb:before{content:"\f299"}.ion-link:before{content:"\f1fe"}.ion-load-a:before{content:"\f29a"}.ion-load-b:before{content:"\f29b"}.ion-load-c:before{content:"\f29c"}.ion-load-d:before{content:"\f29d"}.ion-location:before{content:"\f1ff"}.ion-lock-combination:before{content:"\f4d4"}.ion-locked:before{content:"\f200"}.ion-log-in:before{content:"\f29e"}.ion-log-out:before{content:"\f29f"}.ion-loop:before{content:"\f201"}.ion-magnet:before{content:"\f2a0"}.ion-male:before{content:"\f2a1"}.ion-man:before{content:"\f202"}.ion-map:before{content:"\f203"}.ion-medkit:before{content:"\f2a2"}.ion-merge:before{content:"\f33f"}.ion-mic-a:before{content:"\f204"}.ion-mic-b:before{content:"\f205"}.ion-mic-c:before{content:"\f206"}.ion-minus:before{content:"\f209"}.ion-minus-circled:before{content:"\f207"}.ion-minus-round:before{content:"\f208"}.ion-model-s:before{content:"\f2c1"}.ion-monitor:before{content:"\f20a"}.ion-more:before{content:"\f20b"}.ion-mouse:before{content:"\f340"}.ion-music-note:before{content:"\f20c"}.ion-navicon:before{content:"\f20e"}.ion-navicon-round:before{content:"\f20d"}.ion-navigate:before{content:"\f2a3"}.ion-network:before{content:"\f341"}.ion-no-smoking:before{content:"\f2c2"}.ion-nuclear:before{content:"\f2a4"}.ion-outlet:before{content:"\f342"}.ion-paintbrush:before{content:"\f4d5"}.ion-paintbucket:before{content:"\f4d6"}.ion-paper-airplane:before{content:"\f2c3"}.ion-paperclip:before{content:"\f20f"}.ion-pause:before{content:"\f210"}.ion-person:before{content:"\f213"}.ion-person-add:before{content:"\f211"}.ion-person-stalker:before{content:"\f212"}.ion-pie-graph:before{content:"\f2a5"}.ion-pin:before{content:"\f2a6"}.ion-pinpoint:before{content:"\f2a7"}.ion-pizza:before{content:"\f2a8"}.ion-plane:before{content:"\f214"}.ion-planet:before{content:"\f343"}.ion-play:before{content:"\f215"}.ion-playstation:before{content:"\f30a"}.ion-plus:before{content:"\f218"}.ion-plus-circled:before{content:"\f216"}.ion-plus-round:before{content:"\f217"}.ion-podium:before{content:"\f344"}.ion-pound:before{content:"\f219"}.ion-power:before{content:"\f2a9"}.ion-pricetag:before{content:"\f2aa"}.ion-pricetags:before{content:"\f2ab"}.ion-printer:before{content:"\f21a"}.ion-pull-request:before{content:"\f345"}.ion-qr-scanner:before{content:"\f346"}.ion-quote:before{content:"\f347"}.ion-radio-waves:before{content:"\f2ac"}.ion-record:before{content:"\f21b"}.ion-refresh:before{content:"\f21c"}.ion-reply:before{content:"\f21e"}.ion-reply-all:before{content:"\f21d"}.ion-ribbon-a:before{content:"\f348"}.ion-ribbon-b:before{content:"\f349"}.ion-sad:before{content:"\f34a"}.ion-sad-outline:before{content:"\f4d7"}.ion-scissors:before{content:"\f34b"}.ion-search:before{content:"\f21f"}.ion-settings:before{content:"\f2ad"}.ion-share:before{content:"\f220"}.ion-shuffle:before{content:"\f221"}.ion-skip-backward:before{content:"\f222"}.ion-skip-forward:before{content:"\f223"}.ion-social-android:before{content:"\f225"}.ion-social-android-outline:before{content:"\f224"}.ion-social-angular:before{content:"\f4d9"}.ion-social-angular-outline:before{content:"\f4d8"}.ion-social-apple:before{content:"\f227"}.ion-social-apple-outline:before{content:"\f226"}.ion-social-bitcoin:before{content:"\f2af"}.ion-social-bitcoin-outline:before{content:"\f2ae"}.ion-social-buffer:before{content:"\f229"}.ion-social-buffer-outline:before{content:"\f228"}.ion-social-chrome:before{content:"\f4db"}.ion-social-chrome-outline:before{content:"\f4da"}.ion-social-codepen:before{content:"\f4dd"}.ion-social-codepen-outline:before{content:"\f4dc"}.ion-social-css3:before{content:"\f4df"}.ion-social-css3-outline:before{content:"\f4de"}.ion-social-designernews:before{content:"\f22b"}.ion-social-designernews-outline:before{content:"\f22a"}.ion-social-dribbble:before{content:"\f22d"}.ion-social-dribbble-outline:before{content:"\f22c"}.ion-social-dropbox:before{content:"\f22f"}.ion-social-dropbox-outline:before{content:"\f22e"}.ion-social-euro:before{content:"\f4e1"}.ion-social-euro-outline:before{content:"\f4e0"}.ion-social-facebook:before{content:"\f231"}.ion-social-facebook-outline:before{content:"\f230"}.ion-social-foursquare:before{content:"\f34d"}.ion-social-foursquare-outline:before{content:"\f34c"}.ion-social-freebsd-devil:before{content:"\f2c4"}.ion-social-github:before{content:"\f233"}.ion-social-github-outline:before{content:"\f232"}.ion-social-google:before{content:"\f34f"}.ion-social-google-outline:before{content:"\f34e"}.ion-social-googleplus:before{content:"\f235"}.ion-social-googleplus-outline:before{content:"\f234"}.ion-social-hackernews:before{content:"\f237"}.ion-social-hackernews-outline:before{content:"\f236"}.ion-social-html5:before{content:"\f4e3"}.ion-social-html5-outline:before{content:"\f4e2"}.ion-social-instagram:before{content:"\f351"}.ion-social-instagram-outline:before{content:"\f350"}.ion-social-javascript:before{content:"\f4e5"}.ion-social-javascript-outline:before{content:"\f4e4"}.ion-social-linkedin:before{content:"\f239"}.ion-social-linkedin-outline:before{content:"\f238"}.ion-social-markdown:before{content:"\f4e6"}.ion-social-nodejs:before{content:"\f4e7"}.ion-social-octocat:before{content:"\f4e8"}.ion-social-pinterest:before{content:"\f2b1"}.ion-social-pinterest-outline:before{content:"\f2b0"}.ion-social-python:before{content:"\f4e9"}.ion-social-reddit:before{content:"\f23b"}.ion-social-reddit-outline:before{content:"\f23a"}.ion-social-rss:before{content:"\f23d"}.ion-social-rss-outline:before{content:"\f23c"}.ion-social-sass:before{content:"\f4ea"}.ion-social-skype:before{content:"\f23f"}.ion-social-skype-outline:before{content:"\f23e"}.ion-social-snapchat:before{content:"\f4ec"}.ion-social-snapchat-outline:before{content:"\f4eb"}.ion-social-tumblr:before{content:"\f241"}.ion-social-tumblr-outline:before{content:"\f240"}.ion-social-tux:before{content:"\f2c5"}.ion-social-twitch:before{content:"\f4ee"}.ion-social-twitch-outline:before{content:"\f4ed"}.ion-social-twitter:before{content:"\f243"}.ion-social-twitter-outline:before{content:"\f242"}.ion-social-usd:before{content:"\f353"}.ion-social-usd-outline:before{content:"\f352"}.ion-social-vimeo:before{content:"\f245"}.ion-social-vimeo-outline:before{content:"\f244"}.ion-social-whatsapp:before{content:"\f4f0"}.ion-social-whatsapp-outline:before{content:"\f4ef"}.ion-social-windows:before{content:"\f247"}.ion-social-windows-outline:before{content:"\f246"}.ion-social-wordpress:before{content:"\f249"}.ion-social-wordpress-outline:before{content:"\f248"}.ion-social-yahoo:before{content:"\f24b"}.ion-social-yahoo-outline:before{content:"\f24a"}.ion-social-yen:before{content:"\f4f2"}.ion-social-yen-outline:before{content:"\f4f1"}.ion-social-youtube:before{content:"\f24d"}.ion-social-youtube-outline:before{content:"\f24c"}.ion-soup-can:before{content:"\f4f4"}.ion-soup-can-outline:before{content:"\f4f3"}.ion-speakerphone:before{content:"\f2b2"}.ion-speedometer:before{content:"\f2b3"}.ion-spoon:before{content:"\f2b4"}.ion-star:before{content:"\f24e"}.ion-stats-bars:before{content:"\f2b5"}.ion-steam:before{content:"\f30b"}.ion-stop:before{content:"\f24f"}.ion-thermometer:before{content:"\f2b6"}.ion-thumbsdown:before{content:"\f250"}.ion-thumbsup:before{content:"\f251"}.ion-toggle:before{content:"\f355"}.ion-toggle-filled:before{content:"\f354"}.ion-transgender:before{content:"\f4f5"}.ion-trash-a:before{content:"\f252"}.ion-trash-b:before{content:"\f253"}.ion-trophy:before{content:"\f356"}.ion-tshirt:before{content:"\f4f7"}.ion-tshirt-outline:before{content:"\f4f6"}.ion-umbrella:before{content:"\f2b7"}.ion-university:before{content:"\f357"}.ion-unlocked:before{content:"\f254"}.ion-upload:before{content:"\f255"}.ion-usb:before{content:"\f2b8"}.ion-videocamera:before{content:"\f256"}.ion-volume-high:before{content:"\f257"}.ion-volume-low:before{content:"\f258"}.ion-volume-medium:before{content:"\f259"}.ion-volume-mute:before{content:"\f25a"}.ion-wand:before{content:"\f358"}.ion-waterdrop:before{content:"\f25b"}.ion-wifi:before{content:"\f25c"}.ion-wineglass:before{content:"\f2b9"}.ion-woman:before{content:"\f25d"}.ion-wrench:before{content:"\f2ba"}.ion-xbox:before{content:"\f30c"} diff --git a/public/assets/css/panel.min.css b/public/assets/css/panel.min.css index 693cbc9..b8569ce 100644 --- a/public/assets/css/panel.min.css +++ b/public/assets/css/panel.min.css @@ -1,8 +1,8 @@ -body,html{width:100%;min-height:100%;margin:0;padding:0;position:absolute;background-color:#2980b9;background: url("../img/background.jpg") no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;font-family:sans-serif}.page{width:360px;padding:8% 0 0;margin:auto}.page > div,.page > form{position:relative;z-index:1;background:#fff;max-width:360px;margin:0 auto 100px;padding:15px 45px 15px 45px;box-shadow:0 0 20px 0 rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.24);border-radius:3px}.page > div img,.page form img{width:80%;display:block;margin:auto;margin-bottom:15px!important}.page form .input-group{margin-bottom:10px}.alert{color:#fff!important;margin-bottom:5px}.alert-danger{background-color:#e74c3c!important;border:none!important}.alert-success{background-color:#2ecc71!important;border:none!important} +body,html{width:100%;min-height:100%;margin:0;padding:0;position:absolute;background-color:#2980b9;background: url("https://cdn.discordapp.com/attachments/706149937905270904/707677922462400532/Gradiant_5.png") no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;font-family:sans-serif}.page{width:360px;padding:8% 0 0;margin:auto}.page > div,.page > form{position:relative;z-index:1;background:#171717;color:#fff;max-width:360px;margin:0 auto 100px;padding:15px 45px 15px 45px;box-shadow:0 0 20px 0 rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.24);border-radius:3px}.page > div img,.page form img{width:80%;display:block;margin:auto;margin-bottom:15px!important}.page form .input-group{margin-bottom:10px}.alert{color:#fff!important;margin-bottom:5px}.alert-danger{background-color:#e74c3c!important;border:none!important}.alert-success{background-color:#2ecc71!important;border:none!important} .btn-custom { outline: 0; - background: #2ecc71; + background: #e31c26; width: 180px; border: 0; padding: 5px; @@ -12,18 +12,44 @@ body,html{width:100%;min-height:100%;margin:0;padding:0;position:absolute;backgr border-radius: 3px; } +.input-group-addon { + background-color: #e31c26 !important; + border-color: #333 !important; + color: #fff; +} + +.form-control, +.form-control[disabled] { + background-color: #404040; + color: #fff; + border-color: #262626 !important; +} + .btn-custom:hover,.btn-custom:active,.btn-custom:focus { - background: #27ae60; + background: #cc1922; color: #fff; } .footer { margin-bottom: 0; - background-color: #fff; + background-color: #171717; position: absolute; bottom: 0; text-align: center; padding: 10px; width: 100%; text-decoration: none; + color: #fff; +} + +.footer img { + filter: brightness(0) invert(1); +} + +a { + color: #888; +} + +a:hover, a:focus { + color: #ccc; } diff --git a/public/assets/css/panel_default.min.css b/public/assets/css/panel_default.min.css new file mode 100644 index 0000000..693cbc9 --- /dev/null +++ b/public/assets/css/panel_default.min.css @@ -0,0 +1,29 @@ +body,html{width:100%;min-height:100%;margin:0;padding:0;position:absolute;background-color:#2980b9;background: url("../img/background.jpg") no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;font-family:sans-serif}.page{width:360px;padding:8% 0 0;margin:auto}.page > div,.page > form{position:relative;z-index:1;background:#fff;max-width:360px;margin:0 auto 100px;padding:15px 45px 15px 45px;box-shadow:0 0 20px 0 rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.24);border-radius:3px}.page > div img,.page form img{width:80%;display:block;margin:auto;margin-bottom:15px!important}.page form .input-group{margin-bottom:10px}.alert{color:#fff!important;margin-bottom:5px}.alert-danger{background-color:#e74c3c!important;border:none!important}.alert-success{background-color:#2ecc71!important;border:none!important} + +.btn-custom { + outline: 0; + background: #2ecc71; + width: 180px; + border: 0; + padding: 5px; + color: #FFFFFF; + font-size: 17px; + cursor: pointer; + border-radius: 3px; +} + +.btn-custom:hover,.btn-custom:active,.btn-custom:focus { + background: #27ae60; + color: #fff; +} + +.footer { + margin-bottom: 0; + background-color: #fff; + position: absolute; + bottom: 0; + text-align: center; + padding: 10px; + width: 100%; + text-decoration: none; +} diff --git a/public/assets/css/skin.css b/public/assets/css/skin.css index 4749afd..d711e53 100644 --- a/public/assets/css/skin.css +++ b/public/assets/css/skin.css @@ -12,8 +12,8 @@ filter: brightness(0) invert(1); } -.bg-aqua { - background-color: #239af6 !important; +.bg-green { + background-color: #cc1922 !important; } .small-box .inner { @@ -40,7 +40,7 @@ } .main-header .navbar { - background-color: #239af6; + background-color: #cc1922; } .main-header .navbar .nav > li > a { @@ -54,7 +54,7 @@ .main-header .navbar .nav .open > a:hover, .main-header .navbar .nav .open > a:focus, .main-header .navbar .nav > .active > a { - background: #0984e3; + background: #e31c26; color: #fff; } @@ -64,7 +64,7 @@ .main-header .navbar .sidebar-toggle:hover { color: #f6f6f6; - background: #0984e3; + background: #e31c26; } .main-header .navbar .sidebar-toggle { @@ -72,12 +72,12 @@ } .main-header .navbar .sidebar-toggle:hover { - background-color: #0984e3; + background-color: #e31c26; } @media (max-width: 767px) { .main-header .navbar .dropdown-menu li.divider { - background-color: #0984e3; + background-color: #e31c26; } .main-header .navbar .dropdown-menu li a { @@ -85,22 +85,22 @@ } .main-header .navbar .dropdown-menu li a:hover { - background: #0984e3; + background: #e31c26; } } .main-header .logo { - background-color: #0984e3; + background-color: #e31c26; color: #ffffff; border-bottom: 0 solid transparent; } .main-header .logo:hover { - background-color: #0984e3; + background-color: #e31c26; } .main-header li.user-header { - background-color: #239af6; + background-color: #cc1922; } .content-header { @@ -110,7 +110,7 @@ .wrapper, .main-sidebar, .left-side { - background-color: #222d32; + background-color: #333; } .user-panel > .info, @@ -119,8 +119,8 @@ } .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; + color: #fff; + background: #1a1a1a; } .sidebar-menu > li > a { @@ -131,20 +131,20 @@ .sidebar-menu > li.active > a, .sidebar-menu > li.menu-open > a { color: #ffffff; - background: #1e282c; + background: #262626; } .sidebar-menu > li.active > a { - border-left-color: #239af6; + border-left-color: #e31c26; } .sidebar-menu > li > .treeview-menu { margin: 0 1px; - background: #2c3b41; + background: #1a1919; } .sidebar a { - color: #b8c7ce; + color: #999; } .sidebar a:hover { @@ -152,11 +152,10 @@ } .sidebar-menu .treeview-menu > li > a { - color: #8aa4af; + color: #ccc; } .sidebar-menu .treeview-menu > li.active > a, - .sidebar-menu .treeview-menu > li > a:hover { color: #fff; } @@ -195,10 +194,7 @@ .sidebar-form .btn { color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; + border-radius: 0 2px 2px 0; } .form-control { @@ -214,16 +210,18 @@ p { } .box.box-primary { - border-top-color: #239af6 !important; + border-top-color: #cc1922 !important; } .btn.btn-primary { - background-color: #239af6 !important; + border-color: #e31c26 !important; + background-color: #cc1922 !important; color: #fff !important; } .btn.btn-primary:hover { - background-color: #0984e3 !important; + border-color: #cc1922 !important; + background-color: #e31c26 !important; color: #fff !important; } @@ -284,8 +282,8 @@ input.form-control { border-bottom-left-radius: 3px !important; } -.bg-blue-gradient { - background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0984e3), color-stop(1, #239af6)) !important; +.bg-green-gradient { + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e31c26), color-stop(1, #cc1922)) !important; } i.no { @@ -295,7 +293,246 @@ i.no { } i.yes { - color: #2ecc71; + color: #cc1922; font-weight: 900; font-size: 25px; } + +.pagination li.active a { + background-color: #cc1922; + border-color: transparent; +} + +.panel-theme { + border-color: #e31c26; +} + +.panel-theme>.panel-heading { + color: #fff !important; + background-color: #cc1922 !important; + border-color: #e31c26 !important; +} + +.panel-theme>.panel-heading+.panel-collapse>.panel-body { + border-top-color: #e31c26 !important; +} + +.panel-theme>.panel-footer+.panel-collapse>.panel-body { + border-bottom-color: #e31c26 !important; +} + +.sceditor-container, textarea.editor { + resize: vertical !important; + width: 100%; + max-width: 100%; + min-height: 200px; + border-radius: 3px 3px 0 0; +} + +.content-wrapper { + background-color: #171717; +} + +.content-header { + color: #fff; +} + +.content-header>.breadcrumb>li:not(.active)>a { + color: #fff; +} + +.content-header>.breadcrumb>.active { + color: #ccc; +} + +.main-footer { + background-color: #282727; + color: #fff; + border: 0; +} + +.main-footer img { + filter: brightness(0) invert(1); +} + +.box { + border-top-color: #e31c26; + background-color: #282727; +} + +.box .box-header { + color: #fff; +} + +.sceditor-container, textarea.editor { + resize: vertical !important; + width: 100%; + max-width: 100%; + min-height: 200px; + border-color: #262626 !important; + color: #fff !important; + background-color: #404040 !important; +} + +.sceditor-toolbar{ + color: #fff !important; + background-color: #262626 !important; +} + +.sceditor-dropdown label { + color: #fff !important; +} + +.sceditor-dropdown { + color: #fff !important; + background-color: #333 !important; + border-color: #262626 !important; +} + +.sceditor-dropdown textarea, +.sceditor-dropdown input { + background-color: #404040 !important; + border-color: #262626 !important; + margin: 0 !important; +} + +.sceditor-dropdown div input[type="button"] { + background-color: #404040 !important; + color: #fff !important; + border-color: #202326; + width: calc(100% - 10px); +} + +.sceditor-dropdown div input[type="button"]:hover { + background-color: #202326 !important; + color: #fff !important; + border-color: #333 !important; +} + +.sceditor-dropdown a.sceditor-fontsize-option { + color: #fff !important; +} + +.sceditor-dropdown a.sceditor-fontsize-option:hover { + color: #fff !important; + background-color: #404040 !important; +} + +.sceditor-toolbar .sceditor-group { + color: #fff !important; + background-color: #ccc !important; + border: 0 !important; +} + +.sceditor-container iframe { + color: #fff !important; + background-color: #404040 !important; +} + +.sceditor-font-picker div { + overflow-y: scroll !important; + height: 120px !important; +} + +.sceditor-font-option, +.sceditor-more { + color: #fff !important; +} + +.sceditor-font-option:hover, +.sceditor-more:hover { + background-color: #404040 !important; +} + +.table-bordered { + border-color: #262626 !important; + color: #fff !important; +} + +.table-bordered > thead > tr > th { + border-color: #e31c26; + background-color: #e31c26; +} + +.table-striped > tbody > tr > td { + background-color: #262626; + border-color: #666 !important; +} + +.table-bordered > tbody >tr > td:first-child { + border-left-color: #262626 !important; +} + +.table-bordered > tbody >tr:last-child > td { + border-bottom-color: #262626 !important; +} + + +.table-bordered > tbody >tr > td:last-child { + border-right-color: #262626 !important; +} + +.table-striped>tbody>tr:nth-of-type(odd) > td { + background-color: #404040; +} + +.pagination > li:first-child > a, +.pagination > li:last-child > a { + background-color: #e31c26 !important; + border-color: #262626 !important; +} + +.pagination > .disabled > a { + color: #ccc !important; +} + +.pagination li a { + background-color: #404040; + color: #fff; + border-color: #202326 !important; +} + +.pagination li:hover a { + background-color: #666; + color: #fff; +} + +.pagination li.active a, +.pagination li.active a:hover{ + background-color: #666; + color: #fff; +} + +.input-group-addon { + background-color: #e31c26 !important; + border-color: #333 !important; + color: #fff; +} + +.form-control, +.form-control[disabled] { + background-color: #404040; + color: #fff; + border-color: #262626 !important; +} + +.form-group > label { + color: #fff; +} + +.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p { + color: #fff !important; +} + +.navbar-nav>.user-menu>.dropdown-menu { + border: 2px solid #e6e6e6; +} + +.navbar-nav>.user-menu>.dropdown-menu { + border: 0 !important; + top: 55px +} + +.navbar-nav>.user-menu>.dropdown-menu>.user-footer { + background-color: #282727; +} diff --git a/public/assets/css/skin_default.css b/public/assets/css/skin_default.css new file mode 100644 index 0000000..a73bf0a --- /dev/null +++ b/public/assets/css/skin_default.css @@ -0,0 +1,334 @@ +.user-image, .user-header img { + border: 0 !important; + border-radius: 0 !important; +} + +.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p { + color: #fff !important; + font-weight: 600; +} + +.logo-lg img, .logo-mini img { + filter: brightness(0) invert(1); +} + +.bg-green { + background-color: #2ecc71 !important; +} + +.small-box .inner { + min-height: 102px; +} + +.small-box .icon { + color: #fff !important; + font-size: 65px; + margin-top: 10px; +} + +.label.label-status { + line-height: unset !important; + font-size: 15px !important; +} + +.main-footer span { + font-weight: 600; +} + +.main-footer span a img { + height: 20px !important; +} + +.main-header .navbar { + background-color: #2ecc71; +} + +.main-header .navbar .nav > li > a { + color: #ffffff; +} + +.main-header .navbar .nav > li > a:hover, +.main-header .navbar .nav > li > a:active, +.main-header .navbar .nav > li > a:focus, +.main-header .navbar .nav .open > a, +.main-header .navbar .nav .open > a:hover, +.main-header .navbar .nav .open > a:focus, +.main-header .navbar .nav > .active > a { + background: #27ae60; + color: #fff; +} + +.main-header .navbar .sidebar-toggle { + color: #fff; +} + +.main-header .navbar .sidebar-toggle:hover { + color: #f6f6f6; + background: #27ae60; +} + +.main-header .navbar .sidebar-toggle { + color: #fff; +} + +.main-header .navbar .sidebar-toggle:hover { + background-color: #27ae60; +} + +@media (max-width: 767px) { + .main-header .navbar .dropdown-menu li.divider { + background-color: #27ae60; + } + + .main-header .navbar .dropdown-menu li a { + color: #fff; + } + + .main-header .navbar .dropdown-menu li a:hover { + background: #27ae60; + } +} + +.main-header .logo { + background-color: #27ae60; + color: #ffffff; + border-bottom: 0 solid transparent; +} + +.main-header .logo:hover { + background-color: #27ae60; +} + +.main-header li.user-header { + background-color: #2ecc71; +} + +.content-header { + background: transparent; +} + +.wrapper, +.main-sidebar, +.left-side { + background-color: #222d32; +} + +.user-panel > .info, +.user-panel > .info > a { + color: #fff; +} + +.sidebar-menu > li.header { + color: #4b646f; + background: #1a2226; +} + +.sidebar-menu > li > a { + border-left: 3px solid transparent; +} + +.sidebar-menu > li:hover > a, +.sidebar-menu > li.active > a, +.sidebar-menu > li.menu-open > a { + color: #ffffff; + background: #1e282c; +} + +.sidebar-menu > li.active > a { + border-left-color: #2ecc71; +} + +.sidebar-menu > li > .treeview-menu { + margin: 0 1px; + background: #2c3b41; +} + +.sidebar a { + color: #b8c7ce; +} + +.sidebar a:hover { + text-decoration: none; +} + +.sidebar-menu .treeview-menu > li > a { + color: #8aa4af; +} + +.sidebar-menu .treeview-menu > li.active > a, + +.sidebar-menu .treeview-menu > li > a:hover { + color: #fff; +} + +.sidebar-form { + border-radius: 3px; + border: 1px solid #374850; + margin: 10px 10px; +} + +.sidebar-form input[type="text"], +.sidebar-form .btn { + box-shadow: none; + background-color: #374850; + border: 1px solid transparent; + height: 35px; +} + +.sidebar-form input[type="text"] { + color: #666; + border-top-left-radius: 2px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 2px; +} + +.sidebar-form input[type="text"]:focus, +.sidebar-form input[type="text"]:focus + .input-group-btn .btn { + background-color: #fff; + color: #666; +} + +.sidebar-form input[type="text"]:focus + .input-group-btn .btn { + border-left-color: #fff; +} + +.sidebar-form .btn { + color: #999; + border-top-left-radius: 0; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 0; +} + +.form-control { + margin-bottom: 5px; +} + +.input-group { + margin-bottom: 15px; +} + +p { + word-break: break-word; +} + +.box.box-primary { + border-top-color: #2ecc71 !important; +} + +.btn.btn-primary { + border-color: #27ae60 !important; + background-color: #2ecc71 !important; + color: #fff !important; +} + +.btn.btn-primary:hover { + border-color: #2ecc71 !important; + background-color: #27ae60 !important; + color: #fff !important; +} + +.logo-mini img { + display: block; + width: 40px; + margin-left: 5px; + margin-top: 10px; +} + +.logo-lg img { + display: block; + height: 30px; + margin: auto; + margin-top: 10px !important; +} + +.help-block { + font-size: 12px; + margin-top: -12px; + margin-bottom: -5px; +} + +div.pull-left.image { + margin-top: 5px; +} + +th.ip, td.ip { + width: 335px; +} + +.role, .project-status { + font-weight: 700; + padding: 5px; + border-radius: 3px; + color: #fff; + background-color: transparent; + display: inline-block; + width: fit-content; +} + +div.btn-group, div.btn-group .multiselect { + width: 100% !important; + margin-top: -2px; +} + +div.form-group { + margin-top: -10px; +} + +input.form-control { + border-top-right-radius: 3px !important; + border-bottom-right-radius: 3px !important; +} + +.input-group .input-group-addon { + border-top-left-radius: 3px !important; + border-bottom-left-radius: 3px !important; +} + +.bg-green-gradient { + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #27ae60), color-stop(1, #2ecc71)) !important; +} + +i.no { + color: #e74c3c; + font-weight: 900; + font-size: 25px; +} + +i.yes { + color: #2ecc71; + font-weight: 900; + font-size: 25px; +} + +.pagination li.active a { + background-color: #2ecc71; + border-color: transparent; +} + +.panel-theme { + border-color: #27ae60; +} + +.panel-theme>.panel-heading { + color: #fff !important; + background-color: #2ecc71 !important; + border-color: #27ae60 !important; +} + +.panel-theme>.panel-heading+.panel-collapse>.panel-body { + border-top-color: #27ae60 !important; +} + +.panel-theme>.panel-footer+.panel-collapse>.panel-body { + border-bottom-color: #27ae60 !important; +} + +.sceditor-container, textarea.editor { + resize: vertical !important; + width: 100%; + max-width: 100%; + min-height: 200px; + border-radius: 3px 3px 0 0; +} diff --git a/public/assets/css/style.css b/public/assets/css/style.css index c91fc5f..3aa2d71 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -4,7 +4,7 @@ html, body { margin: 0; padding: 0; position: absolute; - background: url("../img/background.jpg") no-repeat center center fixed; + background: url("https://cdn.discordapp.com/attachments/706149937905270904/707677922462400532/Gradiant_5.png") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; @@ -47,18 +47,19 @@ html, body { .login-page form button { outline: 0; - background: #2ecc71; - width: 100%; + background: #e31c26; + width: 180px; border: 0; - padding: 15px; + padding: 5px; color: #FFFFFF; - font-size: 20px; + font-size: 17px; cursor: pointer; border-radius: 3px; } .login-page form button:hover,.form button:active,.form button:focus { - background: #27ae60; + background: #cc1922; + color: #fff; } .login-page form .message { @@ -80,15 +81,6 @@ html, body { display: none; } -iframe { - border: 0; - width: 100%; - height: 91%; - margin: 0; - margin-top: -20px !important; - padding: 0; -} - ::-webkit-scrollbar { width: 0; background: transparent !important; @@ -103,7 +95,8 @@ iframe { .footer { margin-bottom: 0; - background-color: #fff; + background-color: #282727; + color: #fff; position: absolute; bottom: 0; text-align: center; @@ -118,6 +111,7 @@ iframe { .footer span a img { height: 20px !important; + filter: brightness(0) invert(1); } @@ -136,25 +130,25 @@ iframe { } .panel-theme { - border-color: #27ae60; + border-color: #cc1922; } .panel-theme>.panel-heading { color: #fff !important; - background-color: #2ecc71 !important; - border-color: #27ae60 !important; + background-color: #e31c26 !important; + border-color: #cc1922 !important; } .panel-theme>.panel-heading+.panel-collapse>.panel-body { - border-top-color: #27ae60 !important; + border-top-color: #cc1922 !important; } .panel-theme>.panel-footer+.panel-collapse>.panel-body { - border-bottom-color: #27ae60 !important; + border-bottom-color: #cc1922 !important; } .navbar.navbar-theme { - background-color: #2ecc71; + background-color: #e31c26; border-color: transparent; } @@ -175,52 +169,52 @@ iframe { .navbar.navbar-theme .navbar-nav > li > a:hover, .navbar.navbar-theme .navbar-nav > li > a:focus { color: #fff; - background-color: #27ae60; + background-color: #cc1922; } .navbar.navbar-theme .navbar-nav > .active > a, .navbar.navbar-theme .navbar-nav > .active > a:hover, .navbar.navbar-theme .navbar-nav > .active > a:focus { color: #fff; - background-color: #27ae60; + background-color: #cc1922; } .navbar.navbar-theme .navbar-nav > .open > a, .navbar.navbar-theme .navbar-nav > .open > a:hover, .navbar.navbar-theme .navbar-nav > .open > a:focus { color: #fff; - background-color: #27ae60; + background-color: #cc1922; } .navbar.navbar-theme .navbar-toggle { border-color: #fff; - color: #2ecc71; + color: #e31c26; } .navbar.navbar-theme .navbar-toggle:hover, .navbar.navbar-theme .navbar-toggle:focus { border-color: #fff; - color: #27ae60; + color: #cc1922; } .navbar.navbar-theme .navbar-toggle .icon-bar { background-color: #fff; - color: #27ae60; + color: #cc1922; } .navbar.navbar-theme .navbar-link { color: #fff; - background-color: #27ae60; + background-color: #cc1922; } .navbar.navbar-theme .navbar-link:hover { color: #fff; - background-color: #27ae60; + background-color: #cc1922; } .navbar.navbar-theme .dropdown-menu { - background-color: #2ecc71; - border-color: #27ae60; + background-color: #e31c26; + border-color: #cc1922; margin: 0 !important; padding: 0 !important; } @@ -238,15 +232,15 @@ iframe { .navbar.navbar-theme .dropdown-menu a:focus, .navbar.navbar-theme .dropdown-menu a:hover { color: #fff; - background-color: #27ae60; + background-color: #cc1922; } .dropdown-menu .divider { - background-color: #27ae60 !important; + background-color: #cc1922 !important; } .dropdown-menu .active a { - background-color: #27ae60 !important; + background-color: #cc1922 !important; } .news .panel-body .container-fluid { @@ -337,14 +331,14 @@ iframe { color: #fff; padding: 8px 16px; border: 1px solid transparent; - border-color: transparent transparent #27ae60 transparent; + border-color: transparent transparent #cc1922 transparent; cursor: pointer; user-select: none; } .select-items { position: absolute; - background-color: #2ecc71; + background-color: #e31c26; top: 100%; left: 0; right: 0; @@ -356,12 +350,88 @@ iframe { } .select-items div:hover, .same-as-selected { - background-color: #27ae60; + background-color: #cc1922; +} + +.input-group-addon { + background-color: #e31c26 !important; + border-color: #333 !important; + color: #fff; +} + +.form-group > label { + color: #fff; +} + +.table-bordered { + border-color: #262626 !important; + color: #fff !important; +} + +.table-bordered > thead > tr > th { + border-color: #e31c26; + background-color: #e31c26; +} + +.table-striped > tbody > tr > td { + background-color: #262626; + border-color: #666 !important; +} + +.table-bordered > tbody >tr > td:first-child { + border-left-color: #262626 !important; +} + +.table-bordered > tbody >tr:last-child > td { + border-bottom-color: #262626 !important; +} + + +.table-bordered > tbody >tr > td:last-child { + border-right-color: #262626 !important; +} + +.table-striped>tbody>tr:nth-of-type(odd) > td { + background-color: #404040; +} + +.pagination > li:first-child > a, +.pagination > li:last-child > a { + background-color: #e31c26 !important; + border-color: #262626 !important; +} + +.pagination > .disabled > a { + color: #ccc !important; +} + +.pagination li a { + background-color: #404040; + color: #fff; + border-color: #202326 !important; +} + +.pagination li:hover a { + background-color: #666; + color: #fff; +} + +.pagination li.active a, +.pagination li.active a:hover{ + background-color: #666; + color: #fff; +} + +.form-control, +.form-control[disabled] { + background-color: #404040; + color: #fff; + border-color: #262626 !important; } .btn-custom { outline: 0; - background: #2ecc71; + background: #e31c26; width: 180px; border: 0; padding: 5px; @@ -371,8 +441,14 @@ iframe { border-radius: 3px; } +.panel { + background-color: #282727; + color: #fff; +} + .btn-custom:hover,.btn-custom:active,.btn-custom:focus { - background: #27ae60; + background: #cc1922; + color: #fff; } .controls { @@ -393,16 +469,32 @@ iframe { font-weight: 900; } -.status.closed { - color: #e74c3c; +.control-status { + padding: 5px 10px 5px 10px; + border-radius: 5px; + background-color: transparent; + color: #333; + font-weight: 900; } -.status.loading { - color: #f39c12; +.control-status.status-unknown { + background-color: #7f8c8d; + color: #fff; } -.status.open { - color: #2ecc71; +.control-status.status-closed { + background-color: #c0392b; + color: #fff; +} + +.control-status.status-open { + background-color: #2ecc71; + color: #fff; +} + +.control-status.status-inactive { + background-color: #c0392b; + color: #fff; } .actionfoto { @@ -432,7 +524,7 @@ code i { } .pagination li.active a { - background-color: #2ecc71; + background-color: #e31c26; border-color: transparent; } diff --git a/public/assets/css/style_default.css b/public/assets/css/style_default.css new file mode 100644 index 0000000..d240770 --- /dev/null +++ b/public/assets/css/style_default.css @@ -0,0 +1,462 @@ +html, body { + width: 100%; + min-height: 100%; + margin: 0; + padding: 0; + position: absolute; + background: url("../img/background.jpg") no-repeat center center fixed; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + font-family: sans-serif; +} + +.login-page { + width: 360px; + padding: 8% 0 0; + margin: auto; +} + +.login-page form { + position: relative; + z-index: 1; + background: #FFFFFF; + max-width: 360px; + margin: 0 auto 100px; + padding: 15px 45px 45px 45px; + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); + border-radius: 3px; +} + +.login-page form h1 { + text-align: center; +} + +.login-page form input { + outline: 0; + background: #f2f2f2; + width: 100%; + border: 0; + margin: 0 0 15px; + padding: 15px; + box-sizing: border-box; + font-size: 14px; + border-radius: 3px; +} + +.login-page form button { + outline: 0; + background: #2ecc71; + width: 100%; + border: 0; + padding: 15px; + color: #FFFFFF; + font-size: 20px; + cursor: pointer; + border-radius: 3px; +} + +.login-page form button:hover,.form button:active,.form button:focus { + background: #27ae60; +} + +.login-page form .message { + margin: 15px 0 0; + color: #7f8c8d; + font-size: 14px; +} + +.login-page form .message a { + color: #27ae60; + text-decoration: none; +} + +.login-page form .message a:hover { + color: #2ecc71; +} + +.login-page form .register-form { + display: none; +} + +::-webkit-scrollbar { + width: 0; + background: transparent !important; +} + +.wrapper { + padding: 15px; + width: 100% !important; + margin-top: 75px !important; + margin-bottom: 40px !important; +} + +.footer { + margin-bottom: 0; + background-color: #fff; + position: absolute; + bottom: 0; + text-align: center; + padding: 10px; + width: 100%; + text-decoration: none; +} + +.footer span { + font-weight: 600; +} + +.footer span a img { + height: 20px !important; +} + + +.alert { + color: #fff !important; +} + +.alert-success { + background-color: #2ecc71 !important; + border: none !important; +} + +.alert-danger { + background-color: #e74c3c !important; + border: none !important; +} + +.panel-theme { + border-color: #27ae60; +} + +.panel-theme>.panel-heading { + color: #fff !important; + background-color: #2ecc71 !important; + border-color: #27ae60 !important; +} + +.panel-theme>.panel-heading+.panel-collapse>.panel-body { + border-top-color: #27ae60 !important; +} + +.panel-theme>.panel-footer+.panel-collapse>.panel-body { + border-bottom-color: #27ae60 !important; +} + +.navbar.navbar-theme { + background-color: #2ecc71; + border-color: transparent; +} + +.navbar.navbar-theme .navbar-brand { + color: #fff; +} + +.navbar.navbar-theme .navbar-brand:hover, +.navbar.navbar-theme .navbar-brand:focus { + color: #fff; +} + +.navbar.navbar-theme .navbar-nav > li > a { + color: #fff; + background-color: transparent; +} + +.navbar.navbar-theme .navbar-nav > li > a:hover, +.navbar.navbar-theme .navbar-nav > li > a:focus { + color: #fff; + background-color: #27ae60; +} + +.navbar.navbar-theme .navbar-nav > .active > a, +.navbar.navbar-theme .navbar-nav > .active > a:hover, +.navbar.navbar-theme .navbar-nav > .active > a:focus { + color: #fff; + background-color: #27ae60; +} + +.navbar.navbar-theme .navbar-nav > .open > a, +.navbar.navbar-theme .navbar-nav > .open > a:hover, +.navbar.navbar-theme .navbar-nav > .open > a:focus { + color: #fff; + background-color: #27ae60; +} + +.navbar.navbar-theme .navbar-toggle { + border-color: #fff; + color: #2ecc71; +} + +.navbar.navbar-theme .navbar-toggle:hover, +.navbar.navbar-theme .navbar-toggle:focus { + border-color: #fff; + color: #27ae60; +} + +.navbar.navbar-theme .navbar-toggle .icon-bar { + background-color: #fff; + color: #27ae60; +} + +.navbar.navbar-theme .navbar-link { + color: #fff; + background-color: #27ae60; +} + +.navbar.navbar-theme .navbar-link:hover { + color: #fff; + background-color: #27ae60; +} + +.navbar.navbar-theme .dropdown-menu { + background-color: #2ecc71; + border-color: #27ae60; + margin: 0 !important; + padding: 0 !important; +} + +.navbar.navbar-theme .dropdown-menu li { + margin: 0 !important; + padding: 0 !important; +} + +.navbar.navbar-theme .dropdown-menu a { + color: #fff; + padding: 7px !important; +} + +.navbar.navbar-theme .dropdown-menu a:focus, +.navbar.navbar-theme .dropdown-menu a:hover { + color: #fff; + background-color: #27ae60; +} + +.dropdown-menu .divider { + background-color: #27ae60 !important; +} + +.dropdown-menu .active a { + background-color: #27ae60 !important; +} + +.news .panel-body .container-fluid { + word-wrap: break-word !important; + overflow: hidden !important; + margin: 0; + padding: 0; + width: 100% !important; + height: auto !important; +} + +.checkbox { + margin-top: -10px; +} + +.checkbox input[type="checkbox"] { + opacity: 0; +} + +.checkbox label { + position: relative; + display: inline-block; + padding-left: 22px; +} + +.checkbox label::before, +.checkbox label::after { + position: absolute; + content: ""; + display: inline-block; +} + +.checkbox label::before{ + height: 16px; + width: 16px; + border: 1px solid; + left: 0px; + top: 3px; +} + +.checkbox label::after { + height: 5px; + width: 9px; + border-left: 2px solid; + border-bottom: 2px solid; + transform: rotate(-45deg); + left: 4px; + top: 7px; +} + +.checkbox input[type="checkbox"] + label::after { + content: none; +} + +.checkbox input[type="checkbox"]:checked + label::after { + content: ""; +} + +.custom-select { + position: relative; +} + +.custom-select select { + display: none; +} + +.select-selected { + background-color: #2ecc71; +} + +.select-selected:after { + position: absolute; + content: ""; + top: 14px; + right: 10px; + width: 0; + height: 0; + border: 6px solid transparent; + border-color: #fff transparent transparent transparent; +} + +.select-selected.select-arrow-active:after { + border-color: transparent transparent #fff transparent; + top: 7px; +} + +.select-items div,.select-selected { + color: #fff; + padding: 8px 16px; + border: 1px solid transparent; + border-color: transparent transparent #27ae60 transparent; + cursor: pointer; + user-select: none; +} + +.select-items { + position: absolute; + background-color: #2ecc71; + top: 100%; + left: 0; + right: 0; + z-index: 99; +} + +.select-hide { + display: none; +} + +.select-items div:hover, .same-as-selected { + background-color: #27ae60; +} + +.btn-custom { + outline: 0; + background: #2ecc71; + width: 180px; + border: 0; + padding: 5px; + color: #FFFFFF; + font-size: 17px; + cursor: pointer; + border-radius: 3px; +} + +.btn-custom:hover,.btn-custom:active,.btn-custom:focus { + background: #27ae60; +} + +.controls { + padding: 0 !important; + margin: 0 !important; +} + +.controls img { + width: 70% !important; + height: auto !important; +} + +.controls.disabled { + filter: grayscale(100%) !important; +} + +.status, .attraction { + font-weight: 900; +} + +.control-status { + padding: 5px 10px 5px 10px; + border-radius: 5px; + background-color: transparent; + color: #333; + font-weight: 900; +} + +.control-status.status-unknown { + background-color: #7f8c8d; + color: #fff; +} + +.control-status.status-closed { + background-color: #c0392b; + color: #fff; +} + +.control-status.status-open { + background-color: #2ecc71; + color: #fff; +} + +.control-status.status-inactive { + background-color: #c0392b; + color: #fff; +} + +.actionfoto { + width: calc(100% - 4px) !important; + height: auto; + border: 2px solid #fff; + border-radius: 5px; +} + +code { + background-color: #eef1f6; + color: #596981; + border-radius: 3px; + padding: 3px; + line-height: 1.4; + font-size: 85%; + border: 1px solid rgba(0, 0, 0, .1); + display: block; + width: 335px; + text-align: right; + margin: 0; +} + +code i { + float: left; + margin: 3px; +} + +.pagination li.active a { + background-color: #2ecc71; + border-color: transparent; +} + +.status, .attraction { + font-weight: 900; + color: #fff; +} + +.status { + padding: 5px; + border-radius: 3px; + text-align: center; +} + +.actionfoto { + width: calc(100% - 4px) !important; + height: auto; + border: 2px solid #fff; + border-radius: 5px; +} diff --git a/public/assets/development/formats/bbcode.js b/public/assets/development/formats/bbcode.js new file mode 100644 index 0000000..fc89cd0 --- /dev/null +++ b/public/assets/development/formats/bbcode.js @@ -0,0 +1,2735 @@ +/** + * SCEditor BBCode Plugin + * http://www.sceditor.com/ + * + * Copyright (C) 2011-2017, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + * + * @fileoverview SCEditor BBCode Format + * @author Sam Clarke + */ +(function (sceditor) { + /*eslint max-depth: off*/ + 'use strict'; + + var escapeEntities = sceditor.escapeEntities; + var escapeUriScheme = sceditor.escapeUriScheme; + var dom = sceditor.dom; + var utils = sceditor.utils; + + var css = dom.css; + var attr = dom.attr; + var is = dom.is; + var extend = utils.extend; + var each = utils.each; + + var IE_VER = sceditor.ie; + + // In IE < 11 a BR at the end of a block level element + // causes a double line break. + var IE_BR_FIX = IE_VER && IE_VER < 11; + + var EMOTICON_DATA_ATTR = 'data-sceditor-emoticon'; + + var getEditorCommand = sceditor.command.get; + + var QuoteType = { + /** @lends BBCodeParser.QuoteType */ + /** + * Always quote the attribute value + * @type {Number} + */ + always: 1, + + /** + * Never quote the attributes value + * @type {Number} + */ + never: 2, + + /** + * Only quote the attributes value when it contains spaces to equals + * @type {Number} + */ + auto: 3 + }; + + var defaultCommandsOverrides = { + bold: { + txtExec: ['[b]', '[/b]'] + }, + italic: { + txtExec: ['[i]', '[/i]'] + }, + underline: { + txtExec: ['[u]', '[/u]'] + }, + strike: { + txtExec: ['[s]', '[/s]'] + }, + subscript: { + txtExec: ['[sub]', '[/sub]'] + }, + superscript: { + txtExec: ['[sup]', '[/sup]'] + }, + left: { + txtExec: ['[left]', '[/left]'] + }, + center: { + txtExec: ['[center]', '[/center]'] + }, + right: { + txtExec: ['[right]', '[/right]'] + }, + justify: { + txtExec: ['[justify]', '[/justify]'] + }, + font: { + txtExec: function (caller) { + var editor = this; + + getEditorCommand('font')._dropDown( + editor, + caller, + function (fontName) { + editor.insertText( + '[font=' + fontName + ']', + '[/font]' + ); + } + ); + } + }, + size: { + txtExec: function (caller) { + var editor = this; + + getEditorCommand('size')._dropDown( + editor, + caller, + function (fontSize) { + editor.insertText( + '[size=' + fontSize + ']', + '[/size]' + ); + } + ); + } + }, + color: { + txtExec: function (caller) { + var editor = this; + + getEditorCommand('color')._dropDown( + editor, + caller, + function (color) { + editor.insertText( + '[color=' + color + ']', + '[/color]' + ); + } + ); + } + }, + bulletlist: { + txtExec: function (caller, selected) { + var content = ''; + + each(selected.split(/\r?\n/), function () { + content += (content ? '\n' : '') + + '[li]' + this + '[/li]'; + }); + + this.insertText('[ul]\n' + content + '\n[/ul]'); + } + }, + orderedlist: { + txtExec: function (caller, selected) { + var content = ''; + + each(selected.split(/\r?\n/), function () { + content += (content ? '\n' : '') + + '[li]' + this + '[/li]'; + }); + + this.insertText('[ol]\n' + content + '\n[/ol]'); + } + }, + table: { + txtExec: ['[table][tr][td]', '[/td][/tr][/table]'] + }, + horizontalrule: { + txtExec: ['[hr]'] + }, + code: { + txtExec: ['[code]', '[/code]'] + }, + image: { + txtExec: function (caller, selected) { + var editor = this; + + getEditorCommand('image')._dropDown( + editor, + caller, + selected, + function (url, width, height) { + var attrs = ''; + + if (width) { + attrs += ' width=' + width; + } + + if (height) { + attrs += ' height=' + height; + } + + editor.insertText( + '[img' + attrs + ']' + url + '[/img]' + ); + } + ); + } + }, + email: { + txtExec: function (caller, selected) { + var editor = this; + + getEditorCommand('email')._dropDown( + editor, + caller, + function (url, text) { + editor.insertText( + '[email=' + url + ']' + + (text || selected || url) + + '[/email]' + ); + } + ); + } + }, + link: { + txtExec: function (caller, selected) { + var editor = this; + + getEditorCommand('link')._dropDown( + editor, + caller, + function (url, text) { + editor.insertText( + '[url=' + url + ']' + + (text || selected || url) + + '[/url]' + ); + } + ); + } + }, + quote: { + txtExec: ['[quote]', '[/quote]'] + }, + youtube: { + txtExec: function (caller) { + var editor = this; + + getEditorCommand('youtube')._dropDown( + editor, + caller, + function (id) { + editor.insertText('[youtube]' + id + '[/youtube]'); + } + ); + } + }, + rtl: { + txtExec: ['[rtl]', '[/rtl]'] + }, + ltr: { + txtExec: ['[ltr]', '[/ltr]'] + } + }; + + var bbcodeHandlers = { + // START_COMMAND: Bold + b: { + tags: { + b: null, + strong: null + }, + styles: { + // 401 is for FF 3.5 + 'font-weight': ['bold', 'bolder', '401', '700', '800', '900'] + }, + format: '[b]{0}[/b]', + html: '{0}' + }, + // END_COMMAND + + // START_COMMAND: Italic + i: { + tags: { + i: null, + em: null + }, + styles: { + 'font-style': ['italic', 'oblique'] + }, + format: '[i]{0}[/i]', + html: '{0}' + }, + // END_COMMAND + + // START_COMMAND: Underline + u: { + tags: { + u: null + }, + styles: { + 'text-decoration': ['underline'] + }, + format: '[u]{0}[/u]', + html: '{0}' + }, + // END_COMMAND + + // START_COMMAND: Strikethrough + s: { + tags: { + s: null, + strike: null + }, + styles: { + 'text-decoration': ['line-through'] + }, + format: '[s]{0}[/s]', + html: '{0}' + }, + // END_COMMAND + + // START_COMMAND: Subscript + sub: { + tags: { + sub: null + }, + format: '[sub]{0}[/sub]', + html: '{0}' + }, + // END_COMMAND + + // START_COMMAND: Superscript + sup: { + tags: { + sup: null + }, + format: '[sup]{0}[/sup]', + html: '{0}' + }, + // END_COMMAND + + // START_COMMAND: Font + font: { + tags: { + font: { + face: null + } + }, + styles: { + 'font-family': null + }, + quoteType: QuoteType.never, + format: function (element, content) { + var font; + + if (!is(element, 'font') || !(font = attr(element, 'face'))) { + font = css(element, 'font-family'); + } + + return '[font=' + _stripQuotes(font) + ']' + + content + '[/font]'; + }, + html: '{0}' + }, + // END_COMMAND + + // START_COMMAND: Size + size: { + tags: { + font: { + size: null + } + }, + styles: { + 'font-size': null + }, + format: function (element, content) { + var fontSize = attr(element, 'size'), + size = 2; + + if (!fontSize) { + fontSize = css(element, 'fontSize'); + } + + // Most browsers return px value but IE returns 1-7 + if (fontSize.indexOf('px') > -1) { + // convert size to an int + fontSize = fontSize.replace('px', '') - 0; + + if (fontSize < 12) { + size = 1; + } + if (fontSize > 15) { + size = 3; + } + if (fontSize > 17) { + size = 4; + } + if (fontSize > 23) { + size = 5; + } + if (fontSize > 31) { + size = 6; + } + if (fontSize > 47) { + size = 7; + } + } else { + size = fontSize; + } + + return '[size=' + size + ']' + content + '[/size]'; + }, + html: '{!0}' + }, + // END_COMMAND + + // START_COMMAND: Color + color: { + tags: { + font: { + color: null + } + }, + styles: { + color: null + }, + quoteType: QuoteType.never, + format: function (elm, content) { + var color; + + if (!is(elm, 'font') || !(color = attr(elm, 'color'))) { + color = elm.style.color || css(elm, 'color'); + } + + return '[color=' + _normaliseColour(color) + ']' + + content + '[/color]'; + }, + html: function (token, attrs, content) { + return '' + content + ''; + } + }, + // END_COMMAND + + // START_COMMAND: Lists + ul: { + tags: { + ul: null + }, + breakStart: true, + isInline: false, + skipLastLineBreak: true, + format: '[ul]{0}[/ul]', + html: '' + }, + list: { + breakStart: true, + isInline: false, + skipLastLineBreak: true, + html: '' + }, + ol: { + tags: { + ol: null + }, + breakStart: true, + isInline: false, + skipLastLineBreak: true, + format: '[ol]{0}[/ol]', + html: '
    {0}
' + }, + li: { + tags: { + li: null + }, + isInline: false, + closedBy: ['/ul', '/ol', '/list', '*', 'li'], + format: '[li]{0}[/li]', + html: '
  • {0}
    • ' + }, + '*': { + isInline: false, + closedBy: ['/ul', '/ol', '/list', '*', 'li'], + html: '
  • {0}
    • ' + }, + // END_COMMAND + + // START_COMMAND: Table + table: { + tags: { + table: null + }, + isInline: false, + isHtmlInline: true, + skipLastLineBreak: true, + format: '[table]{0}[/table]', + html: '{0}
    ' + }, + tr: { + tags: { + tr: null + }, + isInline: false, + skipLastLineBreak: true, + format: '[tr]{0}[/tr]', + html: '{0}' + }, + th: { + tags: { + th: null + }, + allowsEmpty: true, + isInline: false, + format: '[th]{0}[/th]', + html: '{0}' + }, + td: { + tags: { + td: null + }, + allowsEmpty: true, + isInline: false, + format: '[td]{0}[/td]', + html: '{0}' + }, + // END_COMMAND + + // START_COMMAND: Emoticons + emoticon: { + allowsEmpty: true, + tags: { + img: { + src: null, + 'data-sceditor-emoticon': null + } + }, + format: function (element, content) { + return attr(element, EMOTICON_DATA_ATTR) + content; + }, + html: '{0}' + }, + // END_COMMAND + + // START_COMMAND: Horizontal Rule + hr: { + tags: { + hr: null + }, + allowsEmpty: true, + isSelfClosing: true, + isInline: false, + format: '[hr]{0}', + html: '
    ' + }, + // END_COMMAND + + // START_COMMAND: Image + img: { + allowsEmpty: true, + tags: { + img: { + src: null + } + }, + allowedChildren: ['#'], + quoteType: QuoteType.never, + format: function (element, content) { + var width, height, + attribs = '', + style = function (name) { + return element.style ? element.style[name] : null; + }; + + // check if this is an emoticon image + if (attr(element, EMOTICON_DATA_ATTR)) { + return content; + } + + width = attr(element, 'width') || style('width'); + height = attr(element, 'height') || style('height'); + + // only add width and height if one is specified + if ((element.complete && (width || height)) || + (width && height)) { + + attribs = '=' + dom.width(element) + 'x' + + dom.height(element); + } + + return '[img' + attribs + ']' + attr(element, 'src') + '[/img]'; + }, + html: function (token, attrs, content) { + var undef, width, height, match, + attribs = ''; + + // handle [img width=340 height=240]url[/img] + width = attrs.width; + height = attrs.height; + + // handle [img=340x240]url[/img] + if (attrs.defaultattr) { + match = attrs.defaultattr.split(/x/i); + + width = match[0]; + height = (match.length === 2 ? match[1] : match[0]); + } + + if (width !== undef) { + attribs += ' width="' + escapeEntities(width, true) + '"'; + } + + if (height !== undef) { + attribs += ' height="' + escapeEntities(height, true) + '"'; + } + + return ''; + } + }, + // END_COMMAND + + // START_COMMAND: URL + url: { + allowsEmpty: true, + tags: { + a: { + href: null + } + }, + quoteType: QuoteType.never, + format: function (element, content) { + var url = attr(element, 'href'); + + // make sure this link is not an e-mail, + // if it is return e-mail BBCode + if (url.substr(0, 7) === 'mailto:') { + return '[email="' + url.substr(7) + '"]' + + content + '[/email]'; + } + + return '[url=' + url + ']' + content + '[/url]'; + }, + html: function (token, attrs, content) { + attrs.defaultattr = + escapeEntities(attrs.defaultattr, true) || content; + + return '' + + content + ''; + } + }, + // END_COMMAND + + // START_COMMAND: E-mail + email: { + quoteType: QuoteType.never, + html: function (token, attrs, content) { + return '' + content + ''; + } + }, + // END_COMMAND + + // START_COMMAND: Quote + quote: { + tags: { + blockquote: null + }, + isInline: false, + quoteType: QuoteType.never, + format: function (element, content) { + var authorAttr = 'data-author'; + var author = ''; + var cite; + var children = element.children; + + for (var i = 0; !cite && i < children.length; i++) { + if (is(children[i], 'cite')) { + cite = children[i]; + } + } + + if (cite || attr(element, authorAttr)) { + author = cite && cite.textContent || + attr(element, authorAttr); + + attr(element, authorAttr, author); + + if (cite) { + element.removeChild(cite); + } + + content = this.elementToBbcode(element); + author = '=' + author.replace(/(^\s+|\s+$)/g, ''); + + if (cite) { + element.insertBefore(cite, element.firstChild); + } + } + + return '[quote' + author + ']' + content + '[/quote]'; + }, + html: function (token, attrs, content) { + if (attrs.defaultattr) { + content = '' + escapeEntities(attrs.defaultattr) + + '' + content; + } + + return '
    ' + content + '
    '; + } + }, + // END_COMMAND + + // START_COMMAND: Code + code: { + tags: { + code: null + }, + isInline: false, + allowedChildren: ['#', '#newline'], + format: '[code]{0}[/code]', + html: '{0}' + }, + // END_COMMAND + + + // START_COMMAND: Left + left: { + styles: { + 'text-align': [ + 'left', + '-webkit-left', + '-moz-left', + '-khtml-left' + ] + }, + isInline: false, + format: '[left]{0}[/left]', + html: '
    {0}
    ' + }, + // END_COMMAND + + // START_COMMAND: Centre + center: { + styles: { + 'text-align': [ + 'center', + '-webkit-center', + '-moz-center', + '-khtml-center' + ] + }, + isInline: false, + format: '[center]{0}[/center]', + html: '
    {0}
    ' + }, + // END_COMMAND + + // START_COMMAND: Right + right: { + styles: { + 'text-align': [ + 'right', + '-webkit-right', + '-moz-right', + '-khtml-right' + ] + }, + isInline: false, + format: '[right]{0}[/right]', + html: '
    {0}
    ' + }, + // END_COMMAND + + // START_COMMAND: Justify + justify: { + styles: { + 'text-align': [ + 'justify', + '-webkit-justify', + '-moz-justify', + '-khtml-justify' + ] + }, + isInline: false, + format: '[justify]{0}[/justify]', + html: '
    {0}
    ' + }, + // END_COMMAND + + // START_COMMAND: YouTube + youtube: { + allowsEmpty: true, + tags: { + iframe: { + 'data-youtube-id': null + } + }, + format: function (element, content) { + element = attr(element, 'data-youtube-id'); + + return element ? '[youtube]' + element + '[/youtube]' : content; + }, + html: '' + }, + // END_COMMAND + + + // START_COMMAND: Rtl + rtl: { + styles: { + direction: ['rtl'] + }, + isInline: false, + format: '[rtl]{0}[/rtl]', + html: '
    {0}
    ' + }, + // END_COMMAND + + // START_COMMAND: Ltr + ltr: { + styles: { + direction: ['ltr'] + }, + isInline: false, + format: '[ltr]{0}[/ltr]', + html: '
    {0}
    ' + }, + // END_COMMAND + + // this is here so that commands above can be removed + // without having to remove the , after the last one. + // Needed for IE. + ignore: {} + }; + + /** + * Formats a string replacing {name} with the values of + * obj.name properties. + * + * If there is no property for the specified {name} then + * it will be left intact. + * + * @param {string} str + * @param {Object} obj + * @return {string} + * @since 2.0.0 + */ + function formatBBCodeString(str, obj) { + return str.replace(/\{([^}]+)\}/g, function (match, group) { + var undef, + escape = true; + + if (group.charAt(0) === '!') { + escape = false; + group = group.substring(1); + } + + if (group === '0') { + escape = false; + } + + if (obj[group] === undef) { + return match; + } + + return escape ? escapeEntities(obj[group], true) : obj[group]; + }); + } + + /** + * Removes the first and last divs from the HTML. + * + * This is needed for pasting + * @param {string} html + * @return {string} + * @private + */ + function removeFirstLastDiv(html) { + var node, next, removeDiv, + output = document.createElement('div'); + + removeDiv = function (node, isFirst) { + // Don't remove divs that have styling + if (dom.hasStyling(node)) { + return; + } + + if (IE_BR_FIX || (node.childNodes.length !== 1 || + !is(node.firstChild, 'br'))) { + while ((next = node.firstChild)) { + output.insertBefore(next, node); + } + } + + if (isFirst) { + var lastChild = output.lastChild; + + if (node !== lastChild && is(lastChild, 'div') && + node.nextSibling === lastChild) { + output.insertBefore(document.createElement('br'), node); + } + } + + output.removeChild(node); + }; + + css(output, 'display', 'none'); + output.innerHTML = html.replace(/<\/div>\n/g, ''); + + if ((node = output.firstChild) && is(node, 'div')) { + removeDiv(node, true); + } + + if ((node = output.lastChild) && is(node, 'div')) { + removeDiv(node); + } + + return output.innerHTML; + } + + function isFunction(fn) { + return typeof fn === 'function'; + } + + /** + * Removes any leading or trailing quotes ('") + * + * @return string + * @since v1.4.0 + */ + function _stripQuotes(str) { + return str ? + str.replace(/\\(.)/g, '$1').replace(/^(["'])(.*?)\1$/, '$2') : str; + } + + /** + * Formats a string replacing {0}, {1}, {2}, ect. with + * the params provided + * + * @param {string} str The string to format + * @param {...string} arg The strings to replace + * @return {string} + * @since v1.4.0 + */ + function _formatString(str) { + var undef; + var args = arguments; + + return str.replace(/\{(\d+)\}/g, function (_, matchNum) { + return args[matchNum - 0 + 1] !== undef ? + args[matchNum - 0 + 1] : + '{' + matchNum + '}'; + }); + } + + var TOKEN_OPEN = 'open'; + var TOKEN_CONTENT = 'content'; + var TOKEN_NEWLINE = 'newline'; + var TOKEN_CLOSE = 'close'; + + + /* + * @typedef {Object} TokenizeToken + * @property {string} type + * @property {string} name + * @property {string} val + * @property {Object.} attrs + * @property {array} children + * @property {TokenizeToken} closing + */ + + /** + * Tokenize token object + * + * @param {string} type The type of token this is, + * should be one of tokenType + * @param {string} name The name of this token + * @param {string} val The originally matched string + * @param {array} attrs Any attributes. Only set on + * TOKEN_TYPE_OPEN tokens + * @param {array} children Any children of this token + * @param {TokenizeToken} closing This tokens closing tag. + * Only set on TOKEN_TYPE_OPEN tokens + * @class {TokenizeToken} + * @name {TokenizeToken} + * @memberOf BBCodeParser.prototype + */ + // eslint-disable-next-line max-params + function TokenizeToken(type, name, val, attrs, children, closing) { + var base = this; + + base.type = type; + base.name = name; + base.val = val; + base.attrs = attrs || {}; + base.children = children || []; + base.closing = closing || null; + }; + + TokenizeToken.prototype = { + /** @lends BBCodeParser.prototype.TokenizeToken */ + /** + * Clones this token + * + * @return {TokenizeToken} + */ + clone: function () { + var base = this; + + return new TokenizeToken( + base.type, + base.name, + base.val, + extend({}, base.attrs), + [], + base.closing ? base.closing.clone() : null + ); + }, + /** + * Splits this token at the specified child + * + * @param {TokenizeToken} splitAt The child to split at + * @return {TokenizeToken} The right half of the split token or + * empty clone if invalid splitAt lcoation + */ + splitAt: function (splitAt) { + var offsetLength; + var base = this; + var clone = base.clone(); + var offset = base.children.indexOf(splitAt); + + if (offset > -1) { + // Work out how many items are on the right side of the split + // to pass to splice() + offsetLength = base.children.length - offset; + clone.children = base.children.splice(offset, offsetLength); + } + + return clone; + } + }; + + + /** + * SCEditor BBCode parser class + * + * @param {Object} options + * @class BBCodeParser + * @name BBCodeParser + * @since v1.4.0 + */ + function BBCodeParser(options) { + var base = this; + + base.opts = extend({}, BBCodeParser.defaults, options); + + /** + * Takes a BBCode string and splits it into open, + * content and close tags. + * + * It does no checking to verify a tag has a matching open + * or closing tag or if the tag is valid child of any tag + * before it. For that the tokens should be passed to the + * parse function. + * + * @param {string} str + * @return {array} + * @memberOf BBCodeParser.prototype + */ + base.tokenize = function (str) { + var matches, type, i; + var tokens = []; + // The token types in reverse order of precedence + // (they're looped in reverse) + var tokenTypes = [ + { + type: TOKEN_CONTENT, + regex: /^([^\[\r\n]+|\[)/ + }, + { + type: TOKEN_NEWLINE, + regex: /^(\r\n|\r|\n)/ + }, + { + type: TOKEN_OPEN, + regex: /^\[[^\[\]]+\]/ + }, + // Close must come before open as they are + // the same except close has a / at the start. + { + type: TOKEN_CLOSE, + regex: /^\[\/[^\[\]]+\]/ + } + ]; + + strloop: + while (str.length) { + i = tokenTypes.length; + while (i--) { + type = tokenTypes[i].type; + + // Check if the string matches any of the tokens + if (!(matches = str.match(tokenTypes[i].regex)) || + !matches[0]) { + continue; + } + + // Add the match to the tokens list + tokens.push(tokenizeTag(type, matches[0])); + + // Remove the match from the string + str = str.substr(matches[0].length); + + // The token has been added so start again + continue strloop; + } + + // If there is anything left in the string which doesn't match + // any of the tokens then just assume it's content and add it. + if (str.length) { + tokens.push(tokenizeTag(TOKEN_CONTENT, str)); + } + + str = ''; + } + + return tokens; + }; + + /** + * Extracts the name an params from a tag + * + * @param {string} type + * @param {string} val + * @return {Object} + * @private + */ + function tokenizeTag(type, val) { + var matches, attrs, name, + openRegex = /\[([^\]\s=]+)(?:([^\]]+))?\]/, + closeRegex = /\[\/([^\[\]]+)\]/; + + // Extract the name and attributes from opening tags and + // just the name from closing tags. + if (type === TOKEN_OPEN && (matches = val.match(openRegex))) { + name = lower(matches[1]); + + if (matches[2] && (matches[2] = matches[2].trim())) { + attrs = tokenizeAttrs(matches[2]); + } + } + + if (type === TOKEN_CLOSE && + (matches = val.match(closeRegex))) { + name = lower(matches[1]); + } + + if (type === TOKEN_NEWLINE) { + name = '#newline'; + } + + // Treat all tokens without a name and + // all unknown BBCodes as content + if (!name || ((type === TOKEN_OPEN || type === TOKEN_CLOSE) && + !bbcodeHandlers[name])) { + + type = TOKEN_CONTENT; + name = '#'; + } + + return new TokenizeToken(type, name, val, attrs); + } + + /** + * Extracts the individual attributes from a string containing + * all the attributes. + * + * @param {string} attrs + * @return {Object} Assoc array of attributes + * @private + */ + function tokenizeAttrs(attrs) { + var matches, + /* + ([^\s=]+) Anything that's not a space or equals + = Equals sign = + (?: + (?: + (["']) The opening quote + ( + (?:\\\2|[^\2])*? Anything that isn't the + unescaped opening quote + ) + \2 The opening quote again which + will close the string + ) + | If not a quoted string then match + ( + (?:.(?!\s\S+=))*.? Anything that isn't part of + [space][non-space][=] which + would be a new attribute + ) + ) + */ + attrRegex = /([^\s=]+)=(?:(?:(["'])((?:\\\2|[^\2])*?)\2)|((?:.(?!\s\S+=))*.))/g, + ret = {}; + + // if only one attribute then remove the = from the start and + // strip any quotes + if (attrs.charAt(0) === '=' && attrs.indexOf('=', 1) < 0) { + ret.defaultattr = _stripQuotes(attrs.substr(1)); + } else { + if (attrs.charAt(0) === '=') { + attrs = 'defaultattr' + attrs; + } + + // No need to strip quotes here, the regex will do that. + while ((matches = attrRegex.exec(attrs))) { + ret[lower(matches[1])] = + _stripQuotes(matches[3]) || matches[4]; + } + } + + return ret; + } + + /** + * Parses a string into an array of BBCodes + * + * @param {string} str + * @param {boolean} preserveNewLines If to preserve all new lines, not + * strip any based on the passed + * formatting options + * @return {array} Array of BBCode objects + * @memberOf BBCodeParser.prototype + */ + base.parse = function (str, preserveNewLines) { + var ret = parseTokens(base.tokenize(str)); + var opts = base.opts; + + if (opts.fixInvalidNesting) { + fixNesting(ret); + } + + normaliseNewLines(ret, null, preserveNewLines); + + if (opts.removeEmptyTags) { + removeEmpty(ret); + } + + return ret; + }; + + /** + * Checks if an array of TokenizeToken's contains the + * specified token. + * + * Checks the tokens name and type match another tokens + * name and type in the array. + * + * @param {string} name + * @param {string} type + * @param {array} arr + * @return {Boolean} + * @private + */ + function hasTag(name, type, arr) { + var i = arr.length; + + while (i--) { + if (arr[i].type === type && arr[i].name === name) { + return true; + } + } + + return false; + } + + /** + * Checks if the child tag is allowed as one + * of the parent tags children. + * + * @param {TokenizeToken} parent + * @param {TokenizeToken} child + * @return {Boolean} + * @private + */ + function isChildAllowed(parent, child) { + var parentBBCode = parent ? bbcodeHandlers[parent.name] : {}, + allowedChildren = parentBBCode.allowedChildren; + + if (base.opts.fixInvalidChildren && allowedChildren) { + return allowedChildren.indexOf(child.name || '#') > -1; + } + + return true; + } + + // TODO: Tidy this parseTokens() function up a bit. + /** + * Parses an array of tokens created by tokenize() + * + * @param {array} toks + * @return {array} Parsed tokens + * @see tokenize() + * @private + */ + function parseTokens(toks) { + var token, bbcode, curTok, clone, i, next, + cloned = [], + output = [], + openTags = [], + /** + * Returns the currently open tag or undefined + * @return {TokenizeToken} + */ + currentTag = function () { + return last(openTags); + }, + /** + * Adds a tag to either the current tags children + * or to the output array. + * @param {TokenizeToken} token + * @private + */ + addTag = function (token) { + if (currentTag()) { + currentTag().children.push(token); + } else { + output.push(token); + } + }, + /** + * Checks if this tag closes the current tag + * @param {string} name + * @return {Void} + */ + closesCurrentTag = function (name) { + return currentTag() && + (bbcode = bbcodeHandlers[currentTag().name]) && + bbcode.closedBy && + bbcode.closedBy.indexOf(name) > -1; + }; + + while ((token = toks.shift())) { + next = toks[0]; + + /* + * Fixes any invalid children. + * + * If it is an element which isn't allowed as a child of it's + * parent then it will be converted to content of the parent + * element. i.e. + * [code]Code [b]only[/b] allows text.[/code] + * Will become: + * Code [b]only[/b] allows text. + * Instead of: + * Code only allows text. + */ + // Ignore tags that can't be children + if (!isChildAllowed(currentTag(), token)) { + + // exclude closing tags of current tag + if (token.type !== TOKEN_CLOSE || !currentTag() || + token.name !== currentTag().name) { + token.name = '#'; + token.type = TOKEN_CONTENT; + } + } + + switch (token.type) { + case TOKEN_OPEN: + // Check it this closes a parent, + // e.g. for lists [*]one [*]two + if (closesCurrentTag(token.name)) { + openTags.pop(); + } + + addTag(token); + bbcode = bbcodeHandlers[token.name]; + + // If this tag is not self closing and it has a closing + // tag then it is open and has children so add it to the + // list of open tags. If has the closedBy property then + // it is closed by other tags so include everything as + // it's children until one of those tags is reached. + if (bbcode && !bbcode.isSelfClosing && + (bbcode.closedBy || + hasTag(token.name, TOKEN_CLOSE, toks))) { + openTags.push(token); + } else if (!bbcode || !bbcode.isSelfClosing) { + token.type = TOKEN_CONTENT; + } + break; + + case TOKEN_CLOSE: + // check if this closes the current tag, + // e.g. [/list] would close an open [*] + if (currentTag() && token.name !== currentTag().name && + closesCurrentTag('/' + token.name)) { + + openTags.pop(); + } + + // If this is closing the currently open tag just pop + // the close tag off the open tags array + if (currentTag() && token.name === currentTag().name) { + currentTag().closing = token; + openTags.pop(); + + // If this is closing an open tag that is the parent of + // the current tag then clone all the tags including the + // current one until reaching the parent that is being + // closed. Close the parent and then add the clones back + // in. + } else if (hasTag(token.name, TOKEN_OPEN, openTags)) { + + // Remove the tag from the open tags + while ((curTok = openTags.pop())) { + + // If it's the tag that is being closed then + // discard it and break the loop. + if (curTok.name === token.name) { + curTok.closing = token; + break; + } + + // Otherwise clone this tag and then add any + // previously cloned tags as it's children + clone = curTok.clone(); + + if (cloned.length) { + clone.children.push(last(cloned)); + } + + cloned.push(clone); + } + + // Place block linebreak before cloned tags + if (next && next.type === TOKEN_NEWLINE) { + bbcode = bbcodeHandlers[token.name]; + if (bbcode && bbcode.isInline === false) { + addTag(next); + toks.shift(); + } + } + + // Add the last cloned child to the now current tag + // (the parent of the tag which was being closed) + addTag(last(cloned)); + + // Add all the cloned tags to the open tags list + i = cloned.length; + while (i--) { + openTags.push(cloned[i]); + } + + cloned.length = 0; + + // This tag is closing nothing so treat it as content + } else { + token.type = TOKEN_CONTENT; + addTag(token); + } + break; + + case TOKEN_NEWLINE: + // handle things like + // [*]list\nitem\n[*]list1 + // where it should come out as + // [*]list\nitem[/*]\n[*]list1[/*] + // instead of + // [*]list\nitem\n[/*][*]list1[/*] + if (currentTag() && next && closesCurrentTag( + (next.type === TOKEN_CLOSE ? '/' : '') + + next.name + )) { + // skip if the next tag is the closing tag for + // the option tag, i.e. [/*] + if (!(next.type === TOKEN_CLOSE && + next.name === currentTag().name)) { + bbcode = bbcodeHandlers[currentTag().name]; + + if (bbcode && bbcode.breakAfter) { + openTags.pop(); + } else if (bbcode && + bbcode.isInline === false && + base.opts.breakAfterBlock && + bbcode.breakAfter !== false) { + openTags.pop(); + } + } + } + + addTag(token); + break; + + default: // content + addTag(token); + break; + } + } + + return output; + } + + /** + * Normalise all new lines + * + * Removes any formatting new lines from the BBCode + * leaving only content ones. I.e. for a list: + * + * [list] + * [*] list item one + * with a line break + * [*] list item two + * [/list] + * + * would become + * + * [list] [*] list item one + * with a line break [*] list item two [/list] + * + * Which makes it easier to convert to HTML or add + * the formatting new lines back in when converting + * back to BBCode + * + * @param {array} children + * @param {TokenizeToken} parent + * @param {boolean} onlyRemoveBreakAfter + * @return {void} + */ + function normaliseNewLines(children, parent, onlyRemoveBreakAfter) { + var token, left, right, parentBBCode, bbcode, + removedBreakEnd, removedBreakBefore, remove; + var childrenLength = children.length; + // TODO: this function really needs tidying up + if (parent) { + parentBBCode = bbcodeHandlers[parent.name]; + } + + var i = childrenLength; + while (i--) { + if (!(token = children[i])) { + continue; + } + + if (token.type === TOKEN_NEWLINE) { + left = i > 0 ? children[i - 1] : null; + right = i < childrenLength - 1 ? children[i + 1] : null; + remove = false; + + // Handle the start and end new lines + // e.g. [tag]\n and \n[/tag] + if (!onlyRemoveBreakAfter && parentBBCode && + parentBBCode.isSelfClosing !== true) { + // First child of parent so must be opening line break + // (breakStartBlock, breakStart) e.g. [tag]\n + if (!left) { + if (parentBBCode.isInline === false && + base.opts.breakStartBlock && + parentBBCode.breakStart !== false) { + remove = true; + } + + if (parentBBCode.breakStart) { + remove = true; + } + // Last child of parent so must be end line break + // (breakEndBlock, breakEnd) + // e.g. \n[/tag] + // remove last line break (breakEndBlock, breakEnd) + } else if (!removedBreakEnd && !right) { + if (parentBBCode.isInline === false && + base.opts.breakEndBlock && + parentBBCode.breakEnd !== false) { + remove = true; + } + + if (parentBBCode.breakEnd) { + remove = true; + } + + removedBreakEnd = remove; + } + } + + if (left && left.type === TOKEN_OPEN) { + if ((bbcode = bbcodeHandlers[left.name])) { + if (!onlyRemoveBreakAfter) { + if (bbcode.isInline === false && + base.opts.breakAfterBlock && + bbcode.breakAfter !== false) { + remove = true; + } + + if (bbcode.breakAfter) { + remove = true; + } + } else if (bbcode.isInline === false) { + remove = true; + } + } + } + + if (!onlyRemoveBreakAfter && !removedBreakBefore && + right && right.type === TOKEN_OPEN) { + + if ((bbcode = bbcodeHandlers[right.name])) { + if (bbcode.isInline === false && + base.opts.breakBeforeBlock && + bbcode.breakBefore !== false) { + remove = true; + } + + if (bbcode.breakBefore) { + remove = true; + } + + removedBreakBefore = remove; + + if (remove) { + children.splice(i, 1); + continue; + } + } + } + + if (remove) { + children.splice(i, 1); + } + + // reset double removedBreakBefore removal protection. + // This is needed for cases like \n\n[\tag] where + // only 1 \n should be removed but without this they both + // would be. + removedBreakBefore = false; + } else if (token.type === TOKEN_OPEN) { + normaliseNewLines(token.children, token, + onlyRemoveBreakAfter); + } + } + } + + /** + * Fixes any invalid nesting. + * + * If it is a block level element inside 1 or more inline elements + * then those inline elements will be split at the point where the + * block level is and the block level element placed between the split + * parts. i.e. + * [inline]A[blocklevel]B[/blocklevel]C[/inline] + * Will become: + * [inline]A[/inline][blocklevel]B[/blocklevel][inline]C[/inline] + * + * @param {array} children + * @param {array} [parents] Null if there is no parents + * @param {boolea} [insideInline] If inside an inline element + * @param {array} [rootArr] Root array if there is one + * @return {array} + * @private + */ + function fixNesting(children, parents, insideInline, rootArr) { + var token, i, parent, parentIndex, parentParentChildren, right; + + var isInline = function (token) { + var bbcode = bbcodeHandlers[token.name]; + + return !bbcode || bbcode.isInline !== false; + }; + + parents = parents || []; + rootArr = rootArr || children; + + // This must check the length each time as it can change when + // tokens are moved to fix the nesting. + for (i = 0; i < children.length; i++) { + if (!(token = children[i]) || token.type !== TOKEN_OPEN) { + continue; + } + + if (insideInline && !isInline(token)) { + // if this is a blocklevel element inside an inline one then + // split the parent at the block level element + parent = last(parents); + right = parent.splitAt(token); + + parentParentChildren = parents.length > 1 ? + parents[parents.length - 2].children : rootArr; + + // If parent inline is allowed inside this tag, clone it and + // wrap this tags children in it. + if (isChildAllowed(token, parent)) { + var clone = parent.clone(); + clone.children = token.children; + token.children = [clone]; + } + + parentIndex = parentParentChildren.indexOf(parent); + if (parentIndex > -1) { + // remove the block level token from the right side of + // the split inline element + right.children.splice(0, 1); + + // insert the block level token and the right side after + // the left side of the inline token + parentParentChildren.splice( + parentIndex + 1, 0, token, right + ); + + // If token is a block and is followed by a newline, + // then move the newline along with it to the new parent + var next = right.children[0]; + if (next && next.type === TOKEN_NEWLINE) { + if (!isInline(token)) { + right.children.splice(0, 1); + parentParentChildren.splice( + parentIndex + 2, 0, next + ); + } + } + + // return to parents loop as the + // children have now increased + return; + } + + } + + parents.push(token); + + fixNesting( + token.children, + parents, + insideInline || isInline(token), + rootArr + ); + + parents.pop(); + } + } + + /** + * Removes any empty BBCodes which are not allowed to be empty. + * + * @param {array} tokens + * @private + */ + function removeEmpty(tokens) { + var token, bbcode; + + /** + * Checks if all children are whitespace or not + * @private + */ + var isTokenWhiteSpace = function (children) { + var j = children.length; + + while (j--) { + var type = children[j].type; + + if (type === TOKEN_OPEN || type === TOKEN_CLOSE) { + return false; + } + + if (type === TOKEN_CONTENT && + /\S|\u00A0/.test(children[j].val)) { + return false; + } + } + + return true; + }; + + var i = tokens.length; + while (i--) { + // So skip anything that isn't a tag since only tags can be + // empty, content can't + if (!(token = tokens[i]) || token.type !== TOKEN_OPEN) { + continue; + } + + bbcode = bbcodeHandlers[token.name]; + + // Remove any empty children of this tag first so that if they + // are all removed this one doesn't think it's not empty. + removeEmpty(token.children); + + if (isTokenWhiteSpace(token.children) && bbcode && + !bbcode.isSelfClosing && !bbcode.allowsEmpty) { + tokens.splice.apply(tokens, [i, 1].concat(token.children)); + } + } + } + + /** + * Converts a BBCode string to HTML + * + * @param {string} str + * @param {boolean} preserveNewLines If to preserve all new lines, not + * strip any based on the passed + * formatting options + * @return {string} + * @memberOf BBCodeParser.prototype + */ + base.toHTML = function (str, preserveNewLines) { + return convertToHTML(base.parse(str, preserveNewLines), true); + }; + + /** + * @private + */ + function convertToHTML(tokens, isRoot) { + var undef, token, bbcode, content, html, needsBlockWrap, + blockWrapOpen, isInline, lastChild, + ret = []; + + isInline = function (bbcode) { + return (!bbcode || (bbcode.isHtmlInline !== undef ? + bbcode.isHtmlInline : bbcode.isInline)) !== false; + }; + + while (tokens.length > 0) { + if (!(token = tokens.shift())) { + continue; + } + + if (token.type === TOKEN_OPEN) { + lastChild = token.children[token.children.length - 1] || {}; + bbcode = bbcodeHandlers[token.name]; + needsBlockWrap = isRoot && isInline(bbcode); + content = convertToHTML(token.children, false); + + if (bbcode && bbcode.html) { + // Only add a line break to the end if this is + // blocklevel and the last child wasn't block-level + if (!isInline(bbcode) && + isInline(bbcodeHandlers[lastChild.name]) && + !bbcode.isPreFormatted && + !bbcode.skipLastLineBreak) { + // Add placeholder br to end of block level elements + // in all browsers apart from IE < 9 which handle + // new lines differently and doesn't need one. + if (!IE_BR_FIX) { + content += '
    '; + } + } + + if (!isFunction(bbcode.html)) { + token.attrs['0'] = content; + html = formatBBCodeString( + bbcode.html, + token.attrs + ); + } else { + html = bbcode.html.call( + base, + token, + token.attrs, + content + ); + } + } else { + html = token.val + content + + (token.closing ? token.closing.val : ''); + } + } else if (token.type === TOKEN_NEWLINE) { + if (!isRoot) { + ret.push('
    '); + continue; + } + + // If not already in a block wrap then start a new block + if (!blockWrapOpen) { + ret.push('
    '); + } + + // Putting BR in a div in IE causes it + // to do a double line break. + if (!IE_BR_FIX) { + ret.push('
    '); + } + + // Normally the div acts as a line-break with by moving + // whatever comes after onto a new line. + // If this is the last token, add an extra line-break so it + // shows as there will be nothing after it. + if (!tokens.length) { + ret.push('
    '); + } + + ret.push('
    \n'); + blockWrapOpen = false; + continue; + // content + } else { + needsBlockWrap = isRoot; + html = escapeEntities(token.val, true); + } + + if (needsBlockWrap && !blockWrapOpen) { + ret.push('
    '); + blockWrapOpen = true; + } else if (!needsBlockWrap && blockWrapOpen) { + ret.push('
    \n'); + blockWrapOpen = false; + } + + ret.push(html); + } + + if (blockWrapOpen) { + ret.push('\n'); + } + + return ret.join(''); + } + + /** + * Takes a BBCode string, parses it then converts it back to BBCode. + * + * This will auto fix the BBCode and format it with the specified + * options. + * + * @param {string} str + * @param {boolean} preserveNewLines If to preserve all new lines, not + * strip any based on the passed + * formatting options + * @return {string} + * @memberOf BBCodeParser.prototype + */ + base.toBBCode = function (str, preserveNewLines) { + return convertToBBCode(base.parse(str, preserveNewLines)); + }; + + /** + * Converts parsed tokens back into BBCode with the + * formatting specified in the options and with any + * fixes specified. + * + * @param {array} toks Array of parsed tokens from base.parse() + * @return {string} + * @private + */ + function convertToBBCode(toks) { + var token, attr, bbcode, isBlock, isSelfClosing, quoteType, + breakBefore, breakStart, breakEnd, breakAfter, + // Create an array of strings which are joined together + // before being returned as this is faster in slow browsers. + // (Old versions of IE). + ret = []; + + while (toks.length > 0) { + if (!(token = toks.shift())) { + continue; + } + // TODO: tidy this + bbcode = bbcodeHandlers[token.name]; + isBlock = !(!bbcode || bbcode.isInline !== false); + isSelfClosing = bbcode && bbcode.isSelfClosing; + + breakBefore = (isBlock && base.opts.breakBeforeBlock && + bbcode.breakBefore !== false) || + (bbcode && bbcode.breakBefore); + + breakStart = (isBlock && !isSelfClosing && + base.opts.breakStartBlock && + bbcode.breakStart !== false) || + (bbcode && bbcode.breakStart); + + breakEnd = (isBlock && base.opts.breakEndBlock && + bbcode.breakEnd !== false) || + (bbcode && bbcode.breakEnd); + + breakAfter = (isBlock && base.opts.breakAfterBlock && + bbcode.breakAfter !== false) || + (bbcode && bbcode.breakAfter); + + quoteType = (bbcode ? bbcode.quoteType : null) || + base.opts.quoteType || QuoteType.auto; + + if (!bbcode && token.type === TOKEN_OPEN) { + ret.push(token.val); + + if (token.children) { + ret.push(convertToBBCode(token.children)); + } + + if (token.closing) { + ret.push(token.closing.val); + } + } else if (token.type === TOKEN_OPEN) { + if (breakBefore) { + ret.push('\n'); + } + + // Convert the tag and it's attributes to BBCode + ret.push('[' + token.name); + if (token.attrs) { + if (token.attrs.defaultattr) { + ret.push('=', quote( + token.attrs.defaultattr, + quoteType, + 'defaultattr' + )); + + delete token.attrs.defaultattr; + } + + for (attr in token.attrs) { + if (token.attrs.hasOwnProperty(attr)) { + ret.push(' ', attr, '=', + quote(token.attrs[attr], quoteType, attr)); + } + } + } + ret.push(']'); + + if (breakStart) { + ret.push('\n'); + } + + // Convert the tags children to BBCode + if (token.children) { + ret.push(convertToBBCode(token.children)); + } + + // add closing tag if not self closing + if (!isSelfClosing && !bbcode.excludeClosing) { + if (breakEnd) { + ret.push('\n'); + } + + ret.push('[/' + token.name + ']'); + } + + if (breakAfter) { + ret.push('\n'); + } + + // preserve whatever was recognized as the + // closing tag if it is a self closing tag + if (token.closing && isSelfClosing) { + ret.push(token.closing.val); + } + } else { + ret.push(token.val); + } + } + + return ret.join(''); + } + + /** + * Quotes an attribute + * + * @param {string} str + * @param {BBCodeParser.QuoteType} quoteType + * @param {string} name + * @return {string} + * @private + */ + function quote(str, quoteType, name) { + var needsQuotes = /\s|=/.test(str); + + if (isFunction(quoteType)) { + return quoteType(str, name); + } + + if (quoteType === QuoteType.never || + (quoteType === QuoteType.auto && !needsQuotes)) { + return str; + } + + return '"' + str.replace('\\', '\\\\').replace('"', '\\"') + '"'; + } + + /** + * Returns the last element of an array or null + * + * @param {array} arr + * @return {Object} Last element + * @private + */ + function last(arr) { + if (arr.length) { + return arr[arr.length - 1]; + } + + return null; + } + + /** + * Converts a string to lowercase. + * + * @param {string} str + * @return {string} Lowercase version of str + * @private + */ + function lower(str) { + return str.toLowerCase(); + } + }; + + /** + * Quote type + * @type {Object} + * @class QuoteType + * @name BBCodeParser.QuoteType + * @since v1.4.0 + */ + BBCodeParser.QuoteType = QuoteType; + + /** + * Default BBCode parser options + * @type {Object} + */ + BBCodeParser.defaults = { + /** + * If to add a new line before block level elements + * + * @type {Boolean} + */ + breakBeforeBlock: false, + + /** + * If to add a new line after the start of block level elements + * + * @type {Boolean} + */ + breakStartBlock: false, + + /** + * If to add a new line before the end of block level elements + * + * @type {Boolean} + */ + breakEndBlock: false, + + /** + * If to add a new line after block level elements + * + * @type {Boolean} + */ + breakAfterBlock: true, + + /** + * If to remove empty tags + * + * @type {Boolean} + */ + removeEmptyTags: true, + + /** + * If to fix invalid nesting, + * i.e. block level elements inside inline elements. + * + * @type {Boolean} + */ + fixInvalidNesting: true, + + /** + * If to fix invalid children. + * i.e. A tag which is inside a parent that doesn't + * allow that type of tag. + * + * @type {Boolean} + */ + fixInvalidChildren: true, + + /** + * Attribute quote type + * + * @type {BBCodeParser.QuoteType} + * @since 1.4.1 + */ + quoteType: QuoteType.auto + }; + + /** + * Converts a number 0-255 to hex. + * + * Will return 00 if number is not a valid number. + * + * @param {any} number + * @return {string} + * @private + */ + function toHex(number) { + number = parseInt(number, 10); + + if (isNaN(number)) { + return '00'; + } + + number = Math.max(0, Math.min(number, 255)).toString(16); + + return number.length < 2 ? '0' + number : number; + } + /** + * Normalises a CSS colour to hex #xxxxxx format + * + * @param {string} colorStr + * @return {string} + * @private + */ + function _normaliseColour(colorStr) { + var match; + + colorStr = colorStr || '#000'; + + // rgb(n,n,n); + if ((match = + colorStr.match(/rgb\((\d{1,3}),\s*?(\d{1,3}),\s*?(\d{1,3})\)/i))) { + return '#' + + toHex(match[1]) + + toHex(match[2]) + + toHex(match[3]); + } + + // expand shorthand + if ((match = colorStr.match(/#([0-f])([0-f])([0-f])\s*?$/i))) { + return '#' + + match[1] + match[1] + + match[2] + match[2] + + match[3] + match[3]; + } + + return colorStr; + } + + /** + * SCEditor BBCode format + * @since 2.0.0 + */ + function bbcodeFormat() { + var base = this; + + base.stripQuotes = _stripQuotes; + + /** + * cache of all the tags pointing to their bbcodes to enable + * faster lookup of which bbcode a tag should have + * @private + */ + var tagsToBBCodes = {}; + + /** + * Same as tagsToBBCodes but instead of HTML tags it's styles + * @private + */ + var stylesToBBCodes = {}; + + /** + * Allowed children of specific HTML tags. Empty array if no + * children other than text nodes are allowed + * @private + */ + var validChildren = { + ul: ['li', 'ol', 'ul'], + ol: ['li', 'ol', 'ul'], + table: ['tr'], + tr: ['td', 'th'], + code: ['br', 'p', 'div'] + }; + + /** + * Populates tagsToBBCodes and stylesToBBCodes to enable faster lookups + * + * @private + */ + function buildBbcodeCache() { + each(bbcodeHandlers, function (bbcode) { + var isBlock, + tags = bbcodeHandlers[bbcode].tags, + styles = bbcodeHandlers[bbcode].styles; + + if (tags) { + each(tags, function (tag, values) { + isBlock = bbcodeHandlers[bbcode].isInline === false; + + tagsToBBCodes[tag] = tagsToBBCodes[tag] || {}; + + tagsToBBCodes[tag][isBlock] = + tagsToBBCodes[tag][isBlock] || {}; + + tagsToBBCodes[tag][isBlock][bbcode] = values; + }); + } + + if (styles) { + each(styles, function (style, values) { + isBlock = bbcodeHandlers[bbcode].isInline === false; + + stylesToBBCodes[isBlock] = + stylesToBBCodes[isBlock] || {}; + + stylesToBBCodes[isBlock][style] = + stylesToBBCodes[isBlock][style] || {}; + + stylesToBBCodes[isBlock][style][bbcode] = values; + }); + } + }); + }; + + /** + * Checks if any bbcode styles match the elements styles + * + * @param {!HTMLElement} element + * @param {string} content + * @param {boolean} [blockLevel=false] + * @return {string} Content with any matching + * bbcode tags wrapped around it. + * @private + */ + function handleStyles(element, content, blockLevel) { + var styleValue, format, + getStyle = dom.getStyle; + + // convert blockLevel to boolean + blockLevel = !!blockLevel; + + if (!stylesToBBCodes[blockLevel]) { + return content; + } + + each(stylesToBBCodes[blockLevel], function (property, bbcodes) { + styleValue = getStyle(element, property); + + // if the parent has the same style use that instead of this one + // so you don't end up with [i]parent[i]child[/i][/i] + if (!styleValue || + getStyle(element.parentNode, property) === styleValue) { + return; + } + + each(bbcodes, function (bbcode, values) { + if (!values || values.indexOf(styleValue.toString()) > -1) { + format = bbcodeHandlers[bbcode].format; + + if (isFunction(format)) { + content = format.call(base, element, content); + } else { + content = _formatString(format, content); + } + } + }); + }); + + return content; + } + + /** + * Handles adding newlines after block level elements + * + * @param {HTMLElement} element The element to convert + * @param {string} content The tags text content + * @return {string} + * @private + */ + function handleBlockNewlines(element, content) { + var tag = element.nodeName.toLowerCase(); + var isInline = dom.isInline; + if (!isInline(element, true) || tag === 'br') { + var isLastBlockChild, parent, parentLastChild, + previousSibling = element.previousSibling; + + // Skips selection makers and ignored elements + // Skip empty inline elements + while (previousSibling && + previousSibling.nodeType === 1 && + !is(previousSibling, 'br') && + isInline(previousSibling, true) && + !previousSibling.firstChild) { + previousSibling = previousSibling.previousSibling; + } + + // If it's the last block of an inline that is the last + // child of a block then it shouldn't cause a line break + // except in IE < 11 + //
    + do { + parent = element.parentNode; + parentLastChild = parent && parent.lastChild; + + isLastBlockChild = parentLastChild === element; + element = parent; + } while (parent && isLastBlockChild && isInline(parent, true)); + + // If this block is: + // * Not the last child of a block level element + // * Is a
  • tag (lists are blocks) + // * Is IE < 11 and the tag is BR. IE < 11 never collapses BR + // tags. + if (!isLastBlockChild || tag === 'li' || + (tag === 'br' && IE_BR_FIX)) { + content += '\n'; + } + + // Check for: + // texttext + // + // The second opening opening tag should cause a + // line break because the previous sibing is inline. + if (tag !== 'br' && previousSibling && + !is(previousSibling, 'br') && + isInline(previousSibling, true)) { + content = '\n' + content; + } + } + + return content; + } + + /** + * Handles a HTML tag and finds any matching bbcodes + * + * @param {HTMLElement} element The element to convert + * @param {string} content The Tags text content + * @param {boolean} [blockLevel=false] If to convert block level tags + * @return {string} Content with any matching bbcode tags + * wrapped around it. + * @private + */ + function handleTags(element, content, blockLevel) { + var convertBBCode, format, + tag = element.nodeName.toLowerCase(); + + // convert blockLevel to boolean + blockLevel = !!blockLevel; + + if (tagsToBBCodes[tag] && tagsToBBCodes[tag][blockLevel]) { + // loop all bbcodes for this tag + each(tagsToBBCodes[tag][blockLevel], function ( + bbcode, bbcodeAttribs) { + // if the bbcode requires any attributes then check this has + // all needed + if (bbcodeAttribs) { + convertBBCode = false; + + // loop all the bbcode attribs + each(bbcodeAttribs, function (attrib, values) { + // Skip if the element doesn't have the attibue or + // the attribute doesn't match one of the require + // values + if (!attr(element, attrib) || (values && + values.indexOf(attr(element, attrib)) < 0)) { + return; + } + + // break this loop as we have matched this bbcode + convertBBCode = true; + return false; + }); + + if (!convertBBCode) { + return; + } + } + + format = bbcodeHandlers[bbcode].format; + + if (isFunction(format)) { + content = format.call(base, element, content); + } else { + content = _formatString(format, content); + } + }); + } + + return content; + } + + /** + * Converts a HTML dom element to BBCode starting from + * the innermost element and working backwards + * + * @private + * @param {HTMLElement} element + * @return {string} BBCode + * @memberOf SCEditor.plugins.bbcode.prototype + */ + function elementToBbcode(element) { + var toBBCode = function (node, vChildren) { + var ret = ''; + + dom.traverse(node, function (node) { + var curTag = '', + nodeType = node.nodeType, + tag = node.nodeName.toLowerCase(), + vChild = validChildren[tag], + firstChild = node.firstChild, + isValidChild = true; + + if (typeof vChildren === 'object') { + isValidChild = vChildren.indexOf(tag) > -1; + + // Emoticons should always be converted + if (is(node, 'img') && attr(node, EMOTICON_DATA_ATTR)) { + isValidChild = true; + } + + // if this tag is one of the parents allowed children + // then set this tags allowed children to whatever it + // allows, otherwise set to what the parent allows + if (!isValidChild) { + vChild = vChildren; + } + } + + // 3 = text and 1 = element + if (nodeType !== 3 && nodeType !== 1) { + return; + } + + if (nodeType === 1) { + // skip empty nlf elements (new lines automatically + // added after block level elements like quotes) + if (is(node, '.sceditor-nlf')) { + if (!firstChild || (!IE_BR_FIX && + node.childNodes.length === 1 && + /br/i.test(firstChild.nodeName))) { + return; + } + } + + // don't convert iframe contents + if (tag !== 'iframe') { + curTag = toBBCode(node, vChild); + } + + // TODO: isValidChild is no longer needed. Should use + // valid children bbcodes instead by creating BBCode + // tokens like the parser. + if (isValidChild) { + // code tags should skip most styles + if (tag !== 'code') { + // handle inline bbcodes + curTag = handleStyles(node, curTag); + curTag = handleTags(node, curTag); + + // handle blocklevel bbcodes + curTag = handleStyles(node, curTag, true); + } + + curTag = handleTags(node, curTag, true); + ret += handleBlockNewlines(node, curTag); + } else { + ret += curTag; + } + } else { + ret += node.nodeValue; + } + }, false, true); + + return ret; + }; + + return toBBCode(element); + }; + + /** + * Initializer + * @private + */ + base.init = function () { + base.opts = this.opts; + base.elementToBbcode = elementToBbcode; + + // build the BBCode cache + buildBbcodeCache(); + + this.commands = extend( + true, {}, defaultCommandsOverrides, this.commands + ); + + // Add BBCode helper methods + this.toBBCode = base.toSource; + this.fromBBCode = base.toHtml; + }; + + /** + * Converts BBCode into HTML + * + * @param {boolean} asFragment + * @param {string} source + * @param {boolean} [legacyAsFragment] Used by fromBBCode() method + */ + function toHtml(asFragment, source, legacyAsFragment) { + var parser = new BBCodeParser(base.opts.parserOptions); + var html = parser.toHTML( + base.opts.bbcodeTrim ? source.trim() : source + ); + + return (asFragment || legacyAsFragment) ? + removeFirstLastDiv(html) : html; + } + + /** + * Converts HTML into BBCode + * + * @param {boolean} asFragment + * @param {string} html + * @param {!Document} [context] + * @param {!HTMLElement} [parent] + * @return {string} + * @private + */ + function toSource(asFragment, html, context, parent) { + context = context || document; + + var bbcode, elements; + var containerParent = context.createElement('div'); + var container = context.createElement('div'); + var parser = new BBCodeParser(base.opts.parserOptions); + + container.innerHTML = html; + css(containerParent, 'visibility', 'hidden'); + containerParent.appendChild(container); + context.body.appendChild(containerParent); + + if (asFragment) { + // Add text before and after so removeWhiteSpace doesn't remove + // leading and trailing whitespace + containerParent.insertBefore( + context.createTextNode('#'), + containerParent.firstChild + ); + containerParent.appendChild(context.createTextNode('#')); + } + + // Match parents white-space handling + if (parent) { + css(container, 'whiteSpace', css(parent, 'whiteSpace')); + } + + // Remove all nodes with sceditor-ignore class + elements = container.getElementsByClassName('sceditor-ignore'); + while (elements.length) { + elements[0].parentNode.removeChild(elements[0]); + } + + dom.removeWhiteSpace(containerParent); + + bbcode = elementToBbcode(container); + + context.body.removeChild(containerParent); + + bbcode = parser.toBBCode(bbcode, true); + + if (base.opts.bbcodeTrim) { + bbcode = bbcode.trim(); + } + + return bbcode; + }; + + base.toHtml = toHtml.bind(null, false); + base.fragmentToHtml = toHtml.bind(null, true); + base.toSource = toSource.bind(null, false); + base.fragmentToSource = toSource.bind(null, true); + }; + + /** + * Gets a BBCode + * + * @param {string} name + * @return {Object|null} + * @since 2.0.0 + */ + bbcodeFormat.get = function (name) { + return bbcodeHandlers[name] || null; + }; + + /** + * Adds a BBCode to the parser or updates an existing + * BBCode if a BBCode with the specified name already exists. + * + * @param {string} name + * @param {Object} bbcode + * @return {this} + * @since 2.0.0 + */ + bbcodeFormat.set = function (name, bbcode) { + if (name && bbcode) { + // merge any existing command properties + bbcode = extend(bbcodeHandlers[name] || {}, bbcode); + + bbcode.remove = function () { + delete bbcodeHandlers[name]; + }; + + bbcodeHandlers[name] = bbcode; + } + + return this; + }; + + /** + * Renames a BBCode + * + * This does not change the format or HTML handling, those must be + * changed manually. + * + * @param {string} name [description] + * @param {string} newName [description] + * @return {this|false} + * @since 2.0.0 + */ + bbcodeFormat.rename = function (name, newName) { + if (name in bbcodeHandlers) { + bbcodeHandlers[newName] = bbcodeHandlers[name]; + + delete bbcodeHandlers[name]; + } + + return this; + }; + + /** + * Removes a BBCode + * + * @param {string} name + * @return {this} + * @since 2.0.0 + */ + bbcodeFormat.remove = function (name) { + if (name in bbcodeHandlers) { + delete bbcodeHandlers[name]; + } + + return this; + }; + + bbcodeFormat.formatBBCodeString = formatBBCodeString; + + sceditor.formats.bbcode = bbcodeFormat; + sceditor.BBCodeParser = BBCodeParser; +}(sceditor)); diff --git a/public/assets/development/formats/xhtml.js b/public/assets/development/formats/xhtml.js new file mode 100644 index 0000000..1117998 --- /dev/null +++ b/public/assets/development/formats/xhtml.js @@ -0,0 +1,1248 @@ +/** + * SCEditor XHTML Plugin + * http://www.sceditor.com/ + * + * Copyright (C) 2017, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + * + * @author Sam Clarke + */ +(function (sceditor) { + 'use strict'; + + var IE_VER = sceditor.ie; + + // In IE < 11 a BR at the end of a block level element + // causes a double line break. + var IE_BR_FIX = IE_VER && IE_VER < 11; + + var dom = sceditor.dom; + var utils = sceditor.utils; + + var css = dom.css; + var attr = dom.attr; + var is = dom.is; + var removeAttr = dom.removeAttr; + var convertElement = dom.convertElement; + var extend = utils.extend; + var each = utils.each; + var isEmptyObject = utils.isEmptyObject; + + var getEditorCommand = sceditor.command.get; + + var defaultCommandsOverrides = { + bold: { + txtExec: ['', ''] + }, + italic: { + txtExec: ['', ''] + }, + underline: { + txtExec: ['', ''] + }, + strike: { + txtExec: ['', ''] + }, + subscript: { + txtExec: ['', ''] + }, + superscript: { + txtExec: ['', ''] + }, + left: { + txtExec: ['
    ', '
    '] + }, + center: { + txtExec: ['
    ', '
    '] + }, + right: { + txtExec: ['
    ', '
    '] + }, + justify: { + txtExec: ['
    ', '
    '] + }, + font: { + txtExec: function (caller) { + var editor = this; + + getEditorCommand('font')._dropDown( + editor, + caller, + function (font) { + editor.insertText('', ''); + } + ); + } + }, + size: { + txtExec: function (caller) { + var editor = this; + + getEditorCommand('size')._dropDown( + editor, + caller, + function (size) { + editor.insertText('', ''); + } + ); + } + }, + color: { + txtExec: function (caller) { + var editor = this; + + getEditorCommand('color')._dropDown( + editor, + caller, + function (color) { + editor.insertText('', ''); + } + ); + } + }, + bulletlist: { + txtExec: ['
    • ', '
    '] + }, + orderedlist: { + txtExec: ['
    1. ', '
    '] + }, + table: { + txtExec: ['
    ', '
    '] + }, + horizontalrule: { + txtExec: ['
    '] + }, + code: { + txtExec: ['', ''] + }, + image: { + txtExec: function (caller, selected) { + var editor = this; + + getEditorCommand('image')._dropDown( + editor, + caller, + selected, + function (url, width, height) { + var attrs = ''; + + if (width) { + attrs += ' width="' + width + '"'; + } + + if (height) { + attrs += ' height="' + height + '"'; + } + + editor.insertText( + '' + ); + } + ); + } + }, + email: { + txtExec: function (caller, selected) { + var editor = this; + + getEditorCommand('email')._dropDown( + editor, + caller, + function (url, text) { + editor.insertText( + '' + + (text || selected || url) + + '' + ); + } + ); + } + }, + link: { + txtExec: function (caller, selected) { + var editor = this; + + getEditorCommand('link')._dropDown( + editor, + caller, + function (url, text) { + editor.insertText( + '' + + (text || selected || url) + + '' + ); + } + ); + } + }, + quote: { + txtExec: ['
    ', '
    '] + }, + youtube: { + txtExec: function (caller) { + var editor = this; + + getEditorCommand('youtube')._dropDown( + editor, + caller, + function (id, time) { + editor.insertText( + '' + ); + } + ); + } + }, + rtl: { + txtExec: ['
    ', '
    '] + }, + ltr: { + txtExec: ['
    ', '
    '] + } + }; + + /** + * XHTMLSerializer part of the XHTML plugin. + * + * @class XHTMLSerializer + * @name jQuery.sceditor.XHTMLSerializer + * @since v1.4.1 + */ + sceditor.XHTMLSerializer = function () { + var base = this; + + var opts = { + indentStr: '\t' + }; + + /** + * Array containing the output, used as it's faster + * than string concatenation in slow browsers. + * @type {Array} + * @private + */ + var outputStringBuilder = []; + + /** + * Current indention level + * @type {number} + * @private + */ + var currentIndent = 0; + + // TODO: use escape.entities + /** + * Escapes XHTML entities + * + * @param {string} str + * @return {string} + * @private + */ + function escapeEntities(str) { + var entities = { + '&': '&', + '<': '<', + '>': '>', + '"': '"', + '\xa0': ' ' + }; + + return !str ? '' : str.replace(/[&<>"\xa0]/g, function (entity) { + return entities[entity] || entity; + }); + }; + + /** + * @param {string} str + * @return {string} + * @private + */ + function trim(str) { + return str + // New lines will be shown as spaces so just convert to spaces. + .replace(/[\r\n]/, ' ') + .replace(/[^\S|\u00A0]+/g, ' '); + }; + + /** + * Serializes a node to XHTML + * + * @param {Node} node Node to serialize + * @param {boolean} onlyChildren If to only serialize the nodes + * children and not the node + * itself + * @return {string} The serialized node + * @name serialize + * @memberOf jQuery.sceditor.XHTMLSerializer.prototype + * @since v1.4.1 + */ + base.serialize = function (node, onlyChildren) { + outputStringBuilder = []; + + if (onlyChildren) { + node = node.firstChild; + + while (node) { + serializeNode(node); + node = node.nextSibling; + } + } else { + serializeNode(node); + } + + return outputStringBuilder.join(''); + }; + + /** + * Serializes a node to the outputStringBuilder + * + * @param {Node} node + * @return {void} + * @private + */ + function serializeNode(node, parentIsPre) { + switch (node.nodeType) { + case 1: // element + var tagName = node.nodeName.toLowerCase(); + + // IE comment + if (tagName === '!') { + handleComment(node); + } else { + handleElement(node, parentIsPre); + } + break; + + case 3: // text + handleText(node, parentIsPre); + break; + + case 4: // cdata section + handleCdata(node); + break; + + case 8: // comment + handleComment(node); + break; + + case 9: // document + case 11: // document fragment + handleDoc(node); + break; + + // Ignored types + case 2: // attribute + case 5: // entity ref + case 6: // entity + case 7: // processing instruction + case 10: // document type + case 12: // notation + break; + } + }; + + /** + * Handles doc node + * @param {Node} node + * @return {void} + * @private + */ + function handleDoc(node) { + var child = node.firstChild; + + while (child) { + serializeNode(child); + child = child.nextSibling; + } + }; + + /** + * Handles element nodes + * @param {Node} node + * @return {void} + * @private + */ + function handleElement(node, parentIsPre) { + var child, attr, attrValue, + tagName = node.nodeName.toLowerCase(), + isIframe = tagName === 'iframe', + attrIdx = node.attributes.length, + firstChild = node.firstChild, + // pre || pre-wrap with any vendor prefix + isPre = parentIsPre || + /pre(?:\-wrap)?$/i.test(css(node, 'whiteSpace')), + selfClosing = !node.firstChild && !dom.canHaveChildren(node) && + !isIframe; + + if (is(node, '.sceditor-ignore')) { + return; + } + + output('<' + tagName, !parentIsPre && canIndent(node)); + while (attrIdx--) { + attr = node.attributes[attrIdx]; + + attrValue = attr.value; + + output(' ' + attr.name.toLowerCase() + '="' + + escapeEntities(attrValue) + '"', false); + } + output(selfClosing ? ' />' : '>', false); + + if (!isIframe) { + child = firstChild; + } + + while (child) { + currentIndent++; + + serializeNode(child, isPre); + child = child.nextSibling; + + currentIndent--; + } + + if (!selfClosing) { + output( + '', + !isPre && !isIframe && canIndent(node) && + firstChild && canIndent(firstChild) + ); + } + }; + + /** + * Handles CDATA nodes + * @param {Node} node + * @return {void} + * @private + */ + function handleCdata(node) { + output(''); + }; + + /** + * Handles comment nodes + * @param {Node} node + * @return {void} + * @private + */ + function handleComment(node) { + output(''); + }; + + /** + * Handles text nodes + * @param {Node} node + * @return {void} + * @private + */ + function handleText(node, parentIsPre) { + var text = node.nodeValue; + + if (!parentIsPre) { + text = trim(text); + } + + if (text) { + output(escapeEntities(text), !parentIsPre && canIndent(node)); + } + }; + + /** + * Adds a string to the outputStringBuilder. + * + * The string will be indented unless indent is set to boolean false. + * @param {string} str + * @param {boolean} indent + * @return {void} + * @private + */ + function output(str, indent) { + var i = currentIndent; + + if (indent !== false) { + // Don't add a new line if it's the first element + if (outputStringBuilder.length) { + outputStringBuilder.push('\n'); + } + + while (i--) { + outputStringBuilder.push(opts.indentStr); + } + } + + outputStringBuilder.push(str); + }; + + /** + * Checks if should indent the node or not + * @param {Node} node + * @return {boolean} + * @private + */ + function canIndent(node) { + var prev = node.previousSibling; + + if (node.nodeType !== 1 && prev) { + return !dom.isInline(prev); + } + + // first child of a block element + if (!prev && !dom.isInline(node.parentNode)) { + return true; + } + + return !dom.isInline(node); + }; + }; + + /** + * SCEditor XHTML plugin + * @class xhtml + * @name jQuery.sceditor.plugins.xhtml + * @since v1.4.1 + */ + function xhtmlFormat() { + var base = this; + + /** + * Tag converters cache + * @type {Object} + * @private + */ + var tagConvertersCache = {}; + + /** + * Attributes filter cache + * @type {Object} + * @private + */ + var attrsCache = {}; + + /** + * Init + * @return {void} + */ + base.init = function () { + if (!isEmptyObject(xhtmlFormat.converters || {})) { + each( + xhtmlFormat.converters, + function (idx, converter) { + each(converter.tags, function (tagname) { + if (!tagConvertersCache[tagname]) { + tagConvertersCache[tagname] = []; + } + + tagConvertersCache[tagname].push(converter); + }); + } + ); + } + + this.commands = extend(true, + {}, defaultCommandsOverrides, this.commands); + }; + + /** + * Converts the WYSIWYG content to XHTML + * + * @param {boolean} isFragment + * @param {string} html + * @param {Document} context + * @param {HTMLElement} [parent] + * @return {string} + * @memberOf jQuery.sceditor.plugins.xhtml.prototype + */ + function toSource(isFragment, html, context) { + var xhtml, + container = context.createElement('div'); + container.innerHTML = html; + + css(container, 'visibility', 'hidden'); + context.body.appendChild(container); + + convertTags(container); + removeTags(container); + removeAttribs(container); + + if (!isFragment) { + wrapInlines(container); + } + + xhtml = (new sceditor.XHTMLSerializer()).serialize(container, true); + + context.body.removeChild(container); + + return xhtml; + }; + + base.toSource = toSource.bind(null, false); + + base.fragmentToSource = toSource.bind(null, true);; + + /** + * Runs all converters for the specified tagName + * against the DOM node. + * @param {string} tagName + * @return {Node} node + * @private + */ + function convertNode(tagName, node) { + if (!tagConvertersCache[tagName]) { + return; + } + + tagConvertersCache[tagName].forEach(function (converter) { + if (converter.tags[tagName]) { + each(converter.tags[tagName], function (attr, values) { + if (!node.getAttributeNode) { + return; + } + + attr = node.getAttributeNode(attr); + + if (!attr || values && values.indexOf(attr.value) < 0) { + return; + } + + converter.conv.call(base, node); + }); + } else if (converter.conv) { + converter.conv.call(base, node); + } + }); + }; + + /** + * Converts any tags/attributes to their XHTML equivalents + * @param {Node} node + * @return {void} + * @private + */ + function convertTags(node) { + dom.traverse(node, function (node) { + var tagName = node.nodeName.toLowerCase(); + + convertNode('*', node); + convertNode(tagName, node); + }, true); + }; + + /** + * Tests if a node is empty and can be removed. + * + * @param {Node} node + * @return {boolean} + * @private + */ + function isEmpty(node, excludeBr) { + var rect, + childNodes = node.childNodes, + tagName = node.nodeName.toLowerCase(), + nodeValue = node.nodeValue, + childrenLength = childNodes.length, + allowedEmpty = xhtmlFormat.allowedEmptyTags || []; + + if (excludeBr && tagName === 'br') { + return true; + } + + if (is(node, '.sceditor-ignore')) { + return true; + } + + if (allowedEmpty.indexOf(tagName) > -1 || tagName === 'td' || + !dom.canHaveChildren(node)) { + + return false; + } + + // \S|\u00A0 = any non space char + if (nodeValue && /\S|\u00A0/.test(nodeValue)) { + return false; + } + + while (childrenLength--) { + if (!isEmpty(childNodes[childrenLength], + excludeBr && !node.previousSibling && !node.nextSibling)) { + return false; + } + } + + // Treat tags with a width and height from CSS as not empty + if (node.getBoundingClientRect && + (node.className || node.hasAttributes('style'))) { + rect = node.getBoundingClientRect(); + return !rect.width || !rect.height; + } + + return true; + }; + + /** + * Removes any tags that are not white listed or if no + * tags are white listed it will remove any tags that + * are black listed. + * + * @param {Node} rootNode + * @return {void} + * @private + */ + function removeTags(rootNode) { + dom.traverse(rootNode, function (node) { + var remove, + tagName = node.nodeName.toLowerCase(), + parentNode = node.parentNode, + nodeType = node.nodeType, + isBlock = !dom.isInline(node), + previousSibling = node.previousSibling, + nextSibling = node.nextSibling, + isTopLevel = parentNode === rootNode, + noSiblings = !previousSibling && !nextSibling, + empty = tagName !== 'iframe' && isEmpty(node, + isTopLevel && noSiblings && tagName !== 'br'), + document = node.ownerDocument, + allowedTags = xhtmlFormat.allowedTags, + firstChild = node.firstChild, + disallowedTags = xhtmlFormat.disallowedTags; + + // 3 = text node + if (nodeType === 3) { + return; + } + + if (nodeType === 4) { + tagName = '!cdata'; + } else if (tagName === '!' || nodeType === 8) { + tagName = '!comment'; + } + + if (nodeType === 1) { + // skip empty nlf elements (new lines automatically + // added after block level elements like quotes) + if (is(node, '.sceditor-nlf')) { + if (!firstChild || (!IE_BR_FIX && + node.childNodes.length === 1 && + /br/i.test(firstChild.nodeName))) { + // Mark as empty,it will be removed by the next code + empty = true; + } else { + node.classList.remove('sceditor-nlf'); + + if (!node.className) { + removeAttr(node, 'class'); + } + } + } + } + + if (empty) { + remove = true; + // 3 is text node which do not get filtered + } else if (allowedTags && allowedTags.length) { + remove = (allowedTags.indexOf(tagName) < 0); + } else if (disallowedTags && disallowedTags.length) { + remove = (disallowedTags.indexOf(tagName) > -1); + } + + if (remove) { + if (!empty) { + if (isBlock && previousSibling && + dom.isInline(previousSibling)) { + parentNode.insertBefore( + document.createTextNode(' '), node); + } + + // Insert all the childen after node + while (node.firstChild) { + parentNode.insertBefore(node.firstChild, + nextSibling); + } + + if (isBlock && nextSibling && + dom.isInline(nextSibling)) { + parentNode.insertBefore( + document.createTextNode(' '), nextSibling); + } + } + + parentNode.removeChild(node); + } + }, true); + }; + + /** + * Merges two sets of attribute filters into one + * + * @param {Object} filtersA + * @param {Object} filtersB + * @return {Object} + * @private + */ + function mergeAttribsFilters(filtersA, filtersB) { + var ret = {}; + + if (filtersA) { + extend(ret, filtersA); + } + + if (!filtersB) { + return ret; + } + + each(filtersB, function (attrName, values) { + if (Array.isArray(values)) { + ret[attrName] = (ret[attrName] || []).concat(values); + } else if (!ret[attrName]) { + ret[attrName] = null; + } + }); + + return ret; + }; + + /** + * Wraps adjacent inline child nodes of root + * in paragraphs. + * + * @param {Node} root + * @private + */ + function wrapInlines(root) { + // Strip empty text nodes so they don't get wrapped. + dom.removeWhiteSpace(root); + + var wrapper; + var node = root.firstChild; + var next; + while (node) { + next = node.nextSibling; + + if (dom.isInline(node) && !is(node, '.sceditor-ignore')) { + if (!wrapper) { + wrapper = root.ownerDocument.createElement('p'); + node.parentNode.insertBefore(wrapper, node); + } + + wrapper.appendChild(node); + } else { + wrapper = null; + } + + node = next; + } + }; + + /** + * Removes any attributes that are not white listed or + * if no attributes are white listed it will remove + * any attributes that are black listed. + * @param {Node} node + * @return {void} + * @private + */ + function removeAttribs(node) { + var tagName, attr, attrName, attrsLength, validValues, remove, + allowedAttribs = xhtmlFormat.allowedAttribs, + isAllowed = allowedAttribs && + !isEmptyObject(allowedAttribs), + disallowedAttribs = xhtmlFormat.disallowedAttribs, + isDisallowed = disallowedAttribs && + !isEmptyObject(disallowedAttribs); + + attrsCache = {}; + + dom.traverse(node, function (node) { + if (!node.attributes) { + return; + } + + tagName = node.nodeName.toLowerCase(); + attrsLength = node.attributes.length; + + if (attrsLength) { + if (!attrsCache[tagName]) { + if (isAllowed) { + attrsCache[tagName] = mergeAttribsFilters( + allowedAttribs['*'], + allowedAttribs[tagName] + ); + } else { + attrsCache[tagName] = mergeAttribsFilters( + disallowedAttribs['*'], + disallowedAttribs[tagName] + ); + } + } + + while (attrsLength--) { + attr = node.attributes[attrsLength]; + attrName = attr.name; + validValues = attrsCache[tagName][attrName]; + remove = false; + + if (isAllowed) { + remove = validValues !== null && + (!Array.isArray(validValues) || + validValues.indexOf(attr.value) < 0); + } else if (isDisallowed) { + remove = validValues === null || + (Array.isArray(validValues) && + validValues.indexOf(attr.value) > -1); + } + + if (remove) { + node.removeAttribute(attrName); + } + } + } + }); + }; + }; + + /** + * Tag conveters, a converter is applied to all + * tags that match the criteria. + * @type {Array} + * @name jQuery.sceditor.plugins.xhtml.converters + * @since v1.4.1 + */ + xhtmlFormat.converters = [ + { + tags: { + '*': { + width: null + } + }, + conv: function (node) { + css(node, 'width', attr(node, 'width')); + removeAttr(node, 'width'); + } + }, + { + tags: { + '*': { + height: null + } + }, + conv: function (node) { + css(node, 'height', attr(node, 'height')); + removeAttr(node, 'height'); + } + }, + { + tags: { + 'li': { + value: null + } + }, + conv: function (node) { + removeAttr(node, 'value'); + } + }, + { + tags: { + '*': { + text: null + } + }, + conv: function (node) { + css(node, 'color', attr(node, 'text')); + removeAttr(node, 'text'); + } + }, + { + tags: { + '*': { + color: null + } + }, + conv: function (node) { + css(node, 'color', attr(node, 'color')); + removeAttr(node, 'color'); + } + }, + { + tags: { + '*': { + face: null + } + }, + conv: function (node) { + css(node, 'fontFamily', attr(node, 'face')); + removeAttr(node, 'face'); + } + }, + { + tags: { + '*': { + align: null + } + }, + conv: function (node) { + css(node, 'textAlign', attr(node, 'align')); + removeAttr(node, 'align'); + } + }, + { + tags: { + '*': { + border: null + } + }, + conv: function (node) { + css(node, 'borderWidth', attr(node, 'border')); + removeAttr(node, 'border'); + } + }, + { + tags: { + applet: { + name: null + }, + img: { + name: null + }, + layer: { + name: null + }, + map: { + name: null + }, + object: { + name: null + }, + param: { + name: null + } + }, + conv: function (node) { + if (!attr(node, 'id')) { + attr(node, 'id', attr(node, 'name')); + } + + removeAttr(node, 'name'); + } + }, + { + tags: { + '*': { + vspace: null + } + }, + conv: function (node) { + css(node, 'marginTop', attr(node, 'vspace') - 0); + css(node, 'marginBottom', attr(node, 'vspace') - 0); + removeAttr(node, 'vspace'); + } + }, + { + tags: { + '*': { + hspace: null + } + }, + conv: function (node) { + css(node, 'marginLeft', attr(node, 'hspace') - 0); + css(node, 'marginRight', attr(node, 'hspace') - 0); + removeAttr(node, 'hspace'); + } + }, + { + tags: { + 'hr': { + noshade: null + } + }, + conv: function (node) { + css(node, 'borderStyle', 'solid'); + removeAttr(node, 'noshade'); + } + }, + { + tags: { + '*': { + nowrap: null + } + }, + conv: function (node) { + css(node, 'whiteSpace', 'nowrap'); + removeAttr(node, 'nowrap'); + } + }, + { + tags: { + big: null + }, + conv: function (node) { + css(convertElement(node, 'span'), 'fontSize', 'larger'); + } + }, + { + tags: { + small: null + }, + conv: function (node) { + css(convertElement(node, 'span'), 'fontSize', 'smaller'); + } + }, + { + tags: { + b: null + }, + conv: function (node) { + convertElement(node, 'strong'); + } + }, + { + tags: { + u: null + }, + conv: function (node) { + css(convertElement(node, 'span'), 'textDecoration', + 'underline'); + } + }, + { + tags: { + s: null, + strike: null + }, + conv: function (node) { + css(convertElement(node, 'span'), 'textDecoration', + 'line-through'); + } + }, + { + tags: { + dir: null + }, + conv: function (node) { + convertElement(node, 'ul'); + } + }, + { + tags: { + center: null + }, + conv: function (node) { + css(convertElement(node, 'div'), 'textAlign', 'center'); + } + }, + { + tags: { + font: { + size: null + } + }, + conv: function (node) { + css(node, 'fontSize', css(node, 'fontSize')); + removeAttr(node, 'size'); + } + }, + { + tags: { + font: null + }, + conv: function (node) { + // All it's attributes will be converted + // by the attribute converters + convertElement(node, 'span'); + } + }, + { + tags: { + '*': { + type: ['_moz'] + } + }, + conv: function (node) { + removeAttr(node, 'type'); + } + }, + { + tags: { + '*': { + '_moz_dirty': null + } + }, + conv: function (node) { + removeAttr(node, '_moz_dirty'); + } + }, + { + tags: { + '*': { + '_moz_editor_bogus_node': null + } + }, + conv: function (node) { + node.parentNode.removeChild(node); + } + } + ]; + + /** + * Allowed attributes map. + * + * To allow an attribute for all tags use * as the tag name. + * + * Leave empty or null to allow all attributes. (the disallow + * list will be used to filter them instead) + * @type {Object} + * @name jQuery.sceditor.plugins.xhtml.allowedAttribs + * @since v1.4.1 + */ + xhtmlFormat.allowedAttribs = {}; + + /** + * Attributes that are not allowed. + * + * Only used if allowed attributes is null or empty. + * @type {Object} + * @name jQuery.sceditor.plugins.xhtml.disallowedAttribs + * @since v1.4.1 + */ + xhtmlFormat.disallowedAttribs = {}; + + /** + * Array containing all the allowed tags. + * + * If null or empty all tags will be allowed. + * @type {Array} + * @name jQuery.sceditor.plugins.xhtml.allowedTags + * @since v1.4.1 + */ + xhtmlFormat.allowedTags = []; + + /** + * Array containing all the disallowed tags. + * + * Only used if allowed tags is null or empty. + * @type {Array} + * @name jQuery.sceditor.plugins.xhtml.disallowedTags + * @since v1.4.1 + */ + xhtmlFormat.disallowedTags = []; + + /** + * Array containing tags which should not be removed when empty. + * + * @type {Array} + * @name jQuery.sceditor.plugins.xhtml.allowedEmptyTags + * @since v2.0.0 + */ + xhtmlFormat.allowedEmptyTags = []; + + sceditor.formats.xhtml = xhtmlFormat; +}(sceditor)); diff --git a/public/assets/development/icons/material.js b/public/assets/development/icons/material.js new file mode 100644 index 0000000..9c464ee --- /dev/null +++ b/public/assets/development/icons/material.js @@ -0,0 +1,139 @@ +/** + * SCEditor SVG material icons plugin + * http://www.sceditor.com/ + * + * Copyright (C) 2017, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + * + * @author Sam Clarke + */ +(function (document, sceditor) { + 'use strict'; + + var dom = sceditor.dom; + + /** + * Material icons by Google (Apache license) + * https://github.com/google/material-design-icons/blob/master/LICENSE + * + * Extra icons by materialdesignicons.com and contributors (MIT license) + * https://github.com/Templarian/MaterialDesign-SVG/blob/master/LICENSE + */ + /* eslint max-len: off*/ + var icons = { + 'bold': '', + 'bulletlist': '', + 'center': '', + // Cody @XT3000 - https://materialdesignicons.com/ + 'code': '', + 'color': '', + 'copy': '', + 'cut': '', + 'date': '', + 'email': '', + 'emoticon': '', + // JapanYoshi @japanyoshilol - https://materialdesignicons.com/ + 'font': '', + 'format': '', + // Austin Andrews @Templarian - https://materialdesignicons.com/ + 'grip': '', + // Sam Clarke @samclarke + 'horizontalrule': '', + 'image': '', + 'indent': '', + 'italic': '', + 'justify': ' ', + 'left': ' ', + 'link': '', + 'ltr': '', + // Austin Andrews @Templarian - https://materialdesignicons.com/ + 'maximize': '', + 'orderedlist': '', + 'outdent': '', + 'paste': '', + 'pastetext': '', + 'print': '', + 'quote': '', + 'redo': '', + 'removeformat': '', + 'right': '', + 'rtl': '', + 'size': '', + 'source': '', + 'strike': '', + // Austin Andrews @Templarian - https://materialdesignicons.com/ + 'subscript': '', + // Austin Andrews @Templarian - https://materialdesignicons.com/ + 'superscript': '', + // Austin Andrews @Templarian - https://materialdesignicons.com/ + 'table': '', + 'time': '', + 'underline': '', + 'undo': '', + // Austin Andrews @Templarian - https://materialdesignicons.com/ + 'unlink': '', + 'youtube': '' + }; + + sceditor.icons.material = function () { + var nodes = {}; + + var colorPath; + + return { + create: function (command) { + if (command in icons) { + // Using viewbox="1 1 22 22" to trim off the 1 unit border + // around the SVG icons. + // Default is viewbox="0 0 24 24" + nodes[command] = sceditor.dom.parseHTML( + '' + + icons[command] + + '' + ).firstChild; + + if (command === 'color') { + colorPath = nodes[command].querySelector('.sce-color'); + } + } + + return nodes[command]; + }, + update: function (isSourceMode, currentNode) { + if (colorPath) { + var color = 'inherit'; + + if (!isSourceMode && currentNode) { + color = currentNode.ownerDocument + .queryCommandValue('forecolor'); + + // Needed for IE + if (parseInt(color) === color) { + // eslint-disable-next-line + color = ((color & 0x0000ff) << 16) | (color & 0x00ff00) | ((color & 0xff0000) >>> 16); + color = '#' + ('000000' + color.toString(16)).slice(-6); + } + } + + dom.css(colorPath, 'fill', color); + } + }, + rtl: function (isRtl) { + var gripNode = nodes.grip; + + if (gripNode) { + var transform = isRtl ? 'scaleX(-1)' : ''; + + dom.css(gripNode, 'transform', transform); + dom.css(gripNode, 'msTransform', transform); + dom.css(gripNode, 'webkitTransform', transform); + } + } + }; + }; + + sceditor.icons.material.icons = icons; +})(document, sceditor); diff --git a/public/assets/development/icons/monocons.js b/public/assets/development/icons/monocons.js new file mode 100644 index 0000000..0e852ca --- /dev/null +++ b/public/assets/development/icons/monocons.js @@ -0,0 +1,119 @@ +/** + * SCEditor SVG monocons plugin + * http://www.sceditor.com/ + * + * Copyright (C) 2017, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + * + * @author Sam Clarke + */ +(function (document, sceditor) { + 'use strict'; + + var dom = sceditor.dom; + + /* eslint max-len: off*/ + var icons = { + 'bold': 'B', + 'bulletlist': '', + 'center': '', + 'code': '', + 'color': 'A', + 'copy': '', + 'cut': '', + 'date': '', + 'email': '', + 'emoticon': '', + 'font': '', + 'format': '', + 'grip': '', + 'horizontalrule': '', + 'image': '', + 'indent': '', + 'italic': 'i', + 'justify': '', + 'left': '', + 'link': '', + 'ltr': '', + 'maximize': '', + 'orderedlist': '', + 'outdent': '', + 'paste': '', + 'pastetext': '', + 'print': '', + 'quote': '', + 'redo': '', + 'removeformat': '', + 'right': '', + 'rtl': '', + 'size': '', + 'source': '', + 'strike': 'S', + 'subscript': '', + 'superscript': '', + 'table': '', + 'time': '', + 'underline': 'U', + 'undo': '', + 'unlink': '', + 'youtube': '' + }; + + sceditor.icons.monocons = function () { + var nodes = {}; + var colorPath; + + return { + create: function (command) { + if (command in icons) { + nodes[command] = sceditor.dom.parseHTML( + '' + + icons[command] + + '' + ).firstChild; + + if (command === 'color') { + colorPath = nodes[command].querySelector('.sce-color'); + } + } + + return nodes[command]; + }, + update: function (isSourceMode, currentNode) { + if (colorPath) { + var color = 'inherit'; + + if (!isSourceMode && currentNode) { + color = currentNode.ownerDocument + .queryCommandValue('forecolor'); + + // Needed for IE + if (parseInt(color) === color) { + // eslint-disable-next-line + color = ((color & 0x0000ff) << 16) | (color & 0x00ff00) | ((color & 0xff0000) >>> 16); + color = '#' + ('000000' + color.toString(16)).slice(-6); + } + } + + dom.css(colorPath, 'fill', color); + } + }, + rtl: function (isRtl) { + var gripNode = nodes.grip; + + if (gripNode) { + var transform = isRtl ? 'scaleX(-1)' : ''; + + dom.css(gripNode, 'transform', transform); + dom.css(gripNode, 'msTransform', transform); + dom.css(gripNode, 'webkitTransform', transform); + } + } + }; + }; + + sceditor.icons.monocons.icons = icons; +})(document, sceditor); diff --git a/public/assets/development/jquery.sceditor.bbcode.js b/public/assets/development/jquery.sceditor.bbcode.js new file mode 100644 index 0000000..8e0354a --- /dev/null +++ b/public/assets/development/jquery.sceditor.bbcode.js @@ -0,0 +1,10372 @@ +(function ($) { + 'use strict'; + + $ = $ && $.hasOwnProperty('default') ? $['default'] : $; + + /** + * Check if the passed argument is the + * the passed type. + * + * @param {string} type + * @param {*} arg + * @returns {boolean} + */ + function isTypeof(type, arg) { + return typeof arg === type; + } + + /** + * @type {function(*): boolean} + */ + var isString = isTypeof.bind(null, 'string'); + + /** + * @type {function(*): boolean} + */ + var isUndefined = isTypeof.bind(null, 'undefined'); + + /** + * @type {function(*): boolean} + */ + var isFunction = isTypeof.bind(null, 'function'); + + /** + * @type {function(*): boolean} + */ + var isNumber = isTypeof.bind(null, 'number'); + + + /** + * Returns true if an object has no keys + * + * @param {!Object} obj + * @returns {boolean} + */ + function isEmptyObject(obj) { + return !Object.keys(obj).length; + } + + /** + * Extends the first object with any extra objects passed + * + * If the first argument is boolean and set to true + * it will extend child arrays and objects recursively. + * + * @param {!Object|boolean} targetArg + * @param {...Object} source + * @return {Object} + */ + function extend(targetArg, sourceArg) { + var isTargetBoolean = targetArg === !!targetArg; + var i = isTargetBoolean ? 2 : 1; + var target = isTargetBoolean ? sourceArg : targetArg; + var isDeep = isTargetBoolean ? targetArg : false; + + for (; i < arguments.length; i++) { + var source = arguments[i]; + + // Copy all properties for jQuery compatibility + /* eslint guard-for-in: off */ + for (var key in source) { + var value = source[key]; + + // Skip undefined values to match jQuery and + // skip if target to prevent infinite loop + if (!isUndefined(value)) { + var isObject = value !== null && typeof value === 'object' && + Object.getPrototypeOf(value) === Object.prototype; + var isArray = Array.isArray(value); + + if (isDeep && (isObject || isArray)) { + target[key] = extend( + true, + target[key] || (isArray ? [] : {}), + value + ); + } else { + target[key] = value; + } + } + } + } + + return target; + } + + /** + * Removes an item from the passed array + * + * @param {!Array} arr + * @param {*} item + */ + function arrayRemove(arr, item) { + var i = arr.indexOf(item); + + if (i > -1) { + arr.splice(i, 1); + } + } + + /** + * Iterates over an array or object + * + * @param {!Object|Array} obj + * @param {function(*, *)} fn + */ + function each(obj, fn) { + if (Array.isArray(obj) || 'length' in obj && isNumber(obj.length)) { + for (var i = 0; i < obj.length; i++) { + fn(i, obj[i]); + } + } else { + Object.keys(obj).forEach(function (key) { + fn(key, obj[key]); + }); + } + } + + /** + * Cache of camelCase CSS property names + * @type {Object} + */ + var cssPropertyNameCache = {}; + + /** + * Node type constant for element nodes + * + * @type {number} + */ + var ELEMENT_NODE = 1; + + /** + * Node type constant for text nodes + * + * @type {number} + */ + var TEXT_NODE = 3; + + /** + * Node type constant for comment nodes + * + * @type {number} + */ + + + /** + * Node type document nodes + * + * @type {number} + */ + + + /** + * Node type constant for document fragments + * + * @type {number} + */ + + + function toFloat(value) { + value = parseFloat(value); + + return isFinite(value) ? value : 0; + } + + /** + * Creates an element with the specified attributes + * + * Will create it in the current document unless context + * is specified. + * + * @param {!string} tag + * @param {!Object} [attributes] + * @param {!Document} [context] + * @returns {!HTMLElement} + */ + function createElement(tag, attributes, context) { + var node = (context || document).createElement(tag); + + each(attributes || {}, function (key, value) { + if (key === 'style') { + node.style.cssText = value; + } else if (key in node) { + node[key] = value; + } else { + node.setAttribute(key, value); + } + }); + + return node; + } + + /** + * Returns an array of parents that matches the selector + * + * @param {!HTMLElement} node + * @param {!string} [selector] + * @returns {Array} + */ + + + /** + * Gets the first parent node that matches the selector + * + * @param {!HTMLElement} node + * @param {!string} [selector] + * @returns {HTMLElement|undefined} + */ + function parent(node, selector) { + var parent = node || {}; + + while ((parent = parent.parentNode) && !/(9|11)/.test(parent.nodeType)) { + if (!selector || is(parent, selector)) { + return parent; + } + } + } + + /** + * Checks the passed node and all parents and + * returns the first matching node if any. + * + * @param {!HTMLElement} node + * @param {!string} selector + * @returns {HTMLElement|undefined} + */ + function closest(node, selector) { + return is(node, selector) ? node : parent(node, selector); + } + + /** + * Removes the node from the DOM + * + * @param {!HTMLElement} node + */ + function remove(node) { + if (node.parentNode) { + node.parentNode.removeChild(node); + } + } + + /** + * Appends child to parent node + * + * @param {!HTMLElement} node + * @param {!HTMLElement} child + */ + function appendChild(node, child) { + node.appendChild(child); + } + + /** + * Finds any child nodes that match the selector + * + * @param {!HTMLElement} node + * @param {!string} selector + * @returns {NodeList} + */ + function find(node, selector) { + return node.querySelectorAll(selector); + } + + /** + * For on() and off() if to add/remove the event + * to the capture phase + * + * @type {boolean} + */ + var EVENT_CAPTURE = true; + + /** + * For on() and off() if to add/remove the event + * to the bubble phase + * + * @type {boolean} + */ + + + /** + * Adds an event listener for the specified events. + * + * Events should be a space separated list of events. + * + * If selector is specified the handler will only be + * called when the event target matches the selector. + * + * @param {!Node} node + * @param {string} events + * @param {string} [selector] + * @param {function(Object)} fn + * @param {boolean} [capture=false] + * @see off() + */ + // eslint-disable-next-line max-params + function on(node, events, selector, fn, capture) { + events.split(' ').forEach(function (event) { + var handler; + + if (isString(selector)) { + handler = fn['_sce-event-' + event + selector] || function (e) { + var target = e.target; + while (target && target !== node) { + if (is(target, selector)) { + fn.call(target, e); + return; + } + + target = target.parentNode; + } + }; + + fn['_sce-event-' + event + selector] = handler; + } else { + handler = selector; + capture = fn; + } + + node.addEventListener(event, handler, capture || false); + }); + } + + /** + * Removes an event listener for the specified events. + * + * @param {!Node} node + * @param {string} events + * @param {string} [selector] + * @param {function(Object)} fn + * @param {boolean} [capture=false] + * @see on() + */ + // eslint-disable-next-line max-params + function off(node, events, selector, fn, capture) { + events.split(' ').forEach(function (event) { + var handler; + + if (isString(selector)) { + handler = fn['_sce-event-' + event + selector]; + } else { + handler = selector; + capture = fn; + } + + node.removeEventListener(event, handler, capture || false); + }); + } + + /** + * If only attr param is specified it will get + * the value of the attr param. + * + * If value is specified but null the attribute + * will be removed otherwise the attr value will + * be set to the passed value. + * + * @param {!HTMLElement} node + * @param {!string} attr + * @param {?string} [value] + */ + function attr(node, attr, value) { + if (arguments.length < 3) { + return node.getAttribute(attr); + } + + // eslint-disable-next-line eqeqeq, no-eq-null + if (value == null) { + removeAttr(node, attr); + } else { + node.setAttribute(attr, value); + } + } + + /** + * Removes the specified attribute + * + * @param {!HTMLElement} node + * @param {!string} attr + */ + function removeAttr(node, attr) { + node.removeAttribute(attr); + } + + /** + * Sets the passed elements display to none + * + * @param {!HTMLElement} node + */ + function hide(node) { + css(node, 'display', 'none'); + } + + /** + * Sets the passed elements display to default + * + * @param {!HTMLElement} node + */ + function show(node) { + css(node, 'display', ''); + } + + /** + * Toggles an elements visibility + * + * @param {!HTMLElement} node + */ + function toggle(node) { + if (isVisible(node)) { + hide(node); + } else { + show(node); + } + } + + /** + * Gets a computed CSS values or sets an inline CSS value + * + * Rules should be in camelCase format and not + * hyphenated like CSS properties. + * + * @param {!HTMLElement} node + * @param {!Object|string} rule + * @param {string|number} [value] + * @return {string|number|undefined} + */ + function css(node, rule, value) { + if (arguments.length < 3) { + if (isString(rule)) { + return node.nodeType === 1 ? getComputedStyle(node)[rule] : null; + } + + each(rule, function (key, value) { + css(node, key, value); + }); + } else { + // isNaN returns false for null, false and empty strings + // so need to check it's truthy or 0 + var isNumeric = (value || value === 0) && !isNaN(value); + node.style[rule] = isNumeric ? value + 'px' : value; + } + } + + + /** + * Gets or sets thee data attributes on a node + * + * Unlike the jQuery version this only stores data + * in the DOM attributes which means only strings + * can be stored. + * + * @param {Node} node + * @param {string} [key] + * @param {string} [value] + * @return {Object|undefined} + */ + function data(node, key, value) { + var argsLength = arguments.length; + var data = {}; + + if (node.nodeType === ELEMENT_NODE) { + if (argsLength === 1) { + each(node.attributes, function (_, attr) { + if (/^data\-/i.test(attr.name)) { + data[attr.name.substr(5)] = attr.value; + } + }); + + return data; + } + + if (argsLength === 2) { + return attr(node, 'data-' + key); + } + + attr(node, 'data-' + key, String(value)); + } + } + + /** + * Checks if node matches the given selector. + * + * @param {?HTMLElement} node + * @param {string} selector + * @returns {boolean} + */ + function is(node, selector) { + var result = false; + + if (node && node.nodeType === ELEMENT_NODE) { + result = (node.matches || node.msMatchesSelector || + node.webkitMatchesSelector).call(node, selector); + } + + return result; + } + + + /** + * Returns true if node contains child otherwise false. + * + * This differs from the DOM contains() method in that + * if node and child are equal this will return false. + * + * @param {!Node} node + * @param {HTMLElement} child + * @returns {boolean} + */ + function contains(node, child) { + return node !== child && node.contains && node.contains(child); + } + + /** + * @param {Node} node + * @param {string} [selector] + * @returns {?HTMLElement} + */ + function previousElementSibling(node, selector) { + var prev = node.previousElementSibling; + + if (selector && prev) { + return is(prev, selector) ? prev : null; + } + + return prev; + } + + /** + * @param {!Node} node + * @param {!Node} refNode + * @returns {Node} + */ + function insertBefore(node, refNode) { + return refNode.parentNode.insertBefore(node, refNode); + } + + /** + * @param {?HTMLElement} node + * @returns {!Array.} + */ + function classes(node) { + return node.className.trim().split(/\s+/); + } + + /** + * @param {?HTMLElement} node + * @param {string} className + * @returns {boolean} + */ + function hasClass(node, className) { + return is(node, '.' + className); + } + + /** + * @param {!HTMLElement} node + * @param {string} className + */ + function addClass(node, className) { + var classList = classes(node); + + if (classList.indexOf(className) < 0) { + classList.push(className); + } + + node.className = classList.join(' '); + } + + /** + * @param {!HTMLElement} node + * @param {string} className + */ + function removeClass(node, className) { + var classList = classes(node); + + arrayRemove(classList, className); + + node.className = classList.join(' '); + } + + /** + * Toggles a class on node. + * + * If state is specified and is truthy it will add + * the class. + * + * If state is specified and is falsey it will remove + * the class. + * + * @param {HTMLElement} node + * @param {string} className + * @param {boolean} [state] + */ + function toggleClass(node, className, state) { + state = isUndefined(state) ? !hasClass(node, className) : state; + + if (state) { + addClass(node, className); + } else { + removeClass(node, className); + } + } + + /** + * Gets or sets the width of the passed node. + * + * @param {HTMLElement} node + * @param {number|string} [value] + * @returns {number|undefined} + */ + function width(node, value) { + if (isUndefined(value)) { + var cs = getComputedStyle(node); + var padding = toFloat(cs.paddingLeft) + toFloat(cs.paddingRight); + var border = toFloat(cs.borderLeftWidth) + toFloat(cs.borderRightWidth); + + return node.offsetWidth - padding - border; + } + + css(node, 'width', value); + } + + /** + * Gets or sets the height of the passed node. + * + * @param {HTMLElement} node + * @param {number|string} [value] + * @returns {number|undefined} + */ + function height(node, value) { + if (isUndefined(value)) { + var cs = getComputedStyle(node); + var padding = toFloat(cs.paddingTop) + toFloat(cs.paddingBottom); + var border = toFloat(cs.borderTopWidth) + toFloat(cs.borderBottomWidth); + + return node.offsetHeight - padding - border; + } + + css(node, 'height', value); + } + + /** + * Triggers a custom event with the specified name and + * sets the detail property to the data object passed. + * + * @param {HTMLElement} node + * @param {string} eventName + * @param {Object} [data] + */ + function trigger(node, eventName, data) { + var event; + + if (isFunction(window.CustomEvent)) { + event = new CustomEvent(eventName, { + bubbles: true, + cancelable: true, + detail: data + }); + } else { + event = node.ownerDocument.createEvent('CustomEvent'); + event.initCustomEvent(eventName, true, true, data); + } + + node.dispatchEvent(event); + } + + /** + * Returns if a node is visible. + * + * @param {HTMLElement} + * @returns {boolean} + */ + function isVisible(node) { + return !!node.getClientRects().length; + } + + /** + * Convert CSS property names into camel case + * + * @param {string} string + * @returns {string} + */ + function camelCase(string) { + return string + .replace(/^-ms-/, 'ms-') + .replace(/-(\w)/g, function (match, char) { + return char.toUpperCase(); + }); + } + + + /** + * Loop all child nodes of the passed node + * + * The function should accept 1 parameter being the node. + * If the function returns false the loop will be exited. + * + * @param {HTMLElement} node + * @param {function} func Callback which is called with every + * child node as the first argument. + * @param {boolean} innermostFirst If the innermost node should be passed + * to the function before it's parents. + * @param {boolean} siblingsOnly If to only traverse the nodes siblings + * @param {boolean} [reverse=false] If to traverse the nodes in reverse + */ + // eslint-disable-next-line max-params + function traverse(node, func, innermostFirst, siblingsOnly, reverse) { + node = reverse ? node.lastChild : node.firstChild; + + while (node) { + var next = reverse ? node.previousSibling : node.nextSibling; + + if ( + (!innermostFirst && func(node) === false) || + (!siblingsOnly && traverse( + node, func, innermostFirst, siblingsOnly, reverse + ) === false) || + (innermostFirst && func(node) === false) + ) { + return false; + } + + node = next; + } + } + + /** + * Like traverse but loops in reverse + * @see traverse + */ + function rTraverse(node, func, innermostFirst, siblingsOnly) { + traverse(node, func, innermostFirst, siblingsOnly, true); + } + + /** + * Parses HTML into a document fragment + * + * @param {string} html + * @param {Document} [context] + * @since 1.4.4 + * @return {DocumentFragment} + */ + function parseHTML(html, context) { + context = context || document; + + var ret = context.createDocumentFragment(); + var tmp = createElement('div', {}, context); + + tmp.innerHTML = html; + + while (tmp.firstChild) { + appendChild(ret, tmp.firstChild); + } + + return ret; + } + + /** + * Checks if an element has any styling. + * + * It has styling if it is not a plain
    or

    or + * if it has a class, style attribute or data. + * + * @param {HTMLElement} elm + * @return {boolean} + * @since 1.4.4 + */ + function hasStyling(node) { + return node && (!is(node, 'p,div') || node.className || + attr(node, 'style') || !isEmptyObject(data(node))); + } + + /** + * Converts an element from one type to another. + * + * For example it can convert the element to + * + * @param {HTMLElement} element + * @param {string} toTagName + * @return {HTMLElement} + * @since 1.4.4 + */ + function convertElement(element, toTagName) { + var newElement = createElement(toTagName, {}, element.ownerDocument); + + each(element.attributes, function (_, attribute) { + // Some browsers parse invalid attributes names like + // 'size"2' which throw an exception when set, just + // ignore these. + try { + attr(newElement, attribute.name, attribute.value); + } catch (ex) {} + }); + + while (element.firstChild) { + appendChild(newElement, element.firstChild); + } + + element.parentNode.replaceChild(newElement, element); + + return newElement; + } + + /** + * List of block level elements separated by bars (|) + * + * @type {string} + */ + var blockLevelList = '|body|hr|p|div|h1|h2|h3|h4|h5|h6|address|pre|' + + 'form|table|tbody|thead|tfoot|th|tr|td|li|ol|ul|blockquote|center|'; + + /** + * List of elements that do not allow children separated by bars (|) + * + * @param {Node} node + * @return {boolean} + * @since 1.4.5 + */ + function canHaveChildren(node) { + // 1 = Element + // 9 = Document + // 11 = Document Fragment + if (!/11?|9/.test(node.nodeType)) { + return false; + } + + // List of empty HTML tags separated by bar (|) character. + // Source: http://www.w3.org/TR/html4/index/elements.html + // Source: http://www.w3.org/TR/html5/syntax.html#void-elements + return ('|iframe|area|base|basefont|br|col|frame|hr|img|input|wbr' + + '|isindex|link|meta|param|command|embed|keygen|source|track|' + + 'object|').indexOf('|' + node.nodeName.toLowerCase() + '|') < 0; + } + + /** + * Checks if an element is inline + * + * @param {HTMLElement} elm + * @param {boolean} [includeCodeAsBlock=false] + * @return {boolean} + */ + function isInline(elm, includeCodeAsBlock) { + var tagName, + nodeType = (elm || {}).nodeType || TEXT_NODE; + + if (nodeType !== ELEMENT_NODE) { + return nodeType === TEXT_NODE; + } + + tagName = elm.tagName.toLowerCase(); + + if (tagName === 'code') { + return !includeCodeAsBlock; + } + + return blockLevelList.indexOf('|' + tagName + '|') < 0; + } + + /** + * Copy the CSS from 1 node to another. + * + * Only copies CSS defined on the element e.g. style attr. + * + * @param {HTMLElement} from + * @param {HTMLElement} to + */ + function copyCSS(from, to) { + to.style.cssText = from.style.cssText + to.style.cssText; + } + + /** + * Fixes block level elements inside in inline elements. + * + * Also fixes invalid list nesting by placing nested lists + * inside the previous li tag or wrapping them in an li tag. + * + * @param {HTMLElement} node + */ + function fixNesting(node) { + var getLastInlineParent = function (node) { + while (isInline(node.parentNode, true)) { + node = node.parentNode; + } + + return node; + }; + + traverse(node, function (node) { + var list = 'ul,ol', + isBlock = !isInline(node, true); + + // Any blocklevel element inside an inline element needs fixing. + if (isBlock && isInline(node.parentNode, true)) { + var parent = getLastInlineParent(node), + before = extractContents(parent, node), + middle = node; + + // copy current styling so when moved out of the parent + // it still has the same styling + copyCSS(parent, middle); + + insertBefore(before, parent); + insertBefore(middle, parent); + } + + // Fix invalid nested lists which should be wrapped in an li tag + if (isBlock && is(node, list) && is(node.parentNode, list)) { + var li = previousElementSibling(node, 'li'); + + if (!li) { + li = createElement('li'); + insertBefore(li, node); + } + + appendChild(li, node); + } + }); + } + + /** + * Finds the common parent of two nodes + * + * @param {!HTMLElement} node1 + * @param {!HTMLElement} node2 + * @return {?HTMLElement} + */ + function findCommonAncestor(node1, node2) { + while ((node1 = node1.parentNode)) { + if (contains(node1, node2)) { + return node1; + } + } + } + + /** + * @param {?Node} + * @param {boolean} [previous=false] + * @returns {?Node} + */ + function getSibling(node, previous) { + if (!node) { + return null; + } + + return (previous ? node.previousSibling : node.nextSibling) || + getSibling(node.parentNode, previous); + } + + /** + * Removes unused whitespace from the root and all it's children. + * + * @param {!HTMLElement} root + * @since 1.4.3 + */ + function removeWhiteSpace(root) { + var nodeValue, nodeType, next, previous, previousSibling, + nextNode, trimStart, + cssWhiteSpace = css(root, 'whiteSpace'), + // Preserve newlines if is pre-line + preserveNewLines = /line$/i.test(cssWhiteSpace), + node = root.firstChild; + + // Skip pre & pre-wrap with any vendor prefix + if (/pre(\-wrap)?$/i.test(cssWhiteSpace)) { + return; + } + + while (node) { + nextNode = node.nextSibling; + nodeValue = node.nodeValue; + nodeType = node.nodeType; + + if (nodeType === ELEMENT_NODE && node.firstChild) { + removeWhiteSpace(node); + } + + if (nodeType === TEXT_NODE) { + next = getSibling(node); + previous = getSibling(node, true); + trimStart = false; + + while (hasClass(previous, 'sceditor-ignore')) { + previous = getSibling(previous, true); + } + + // If previous sibling isn't inline or is a textnode that + // ends in whitespace, time the start whitespace + if (isInline(node) && previous) { + previousSibling = previous; + + while (previousSibling.lastChild) { + previousSibling = previousSibling.lastChild; + + // eslint-disable-next-line max-depth + while (hasClass(previousSibling, 'sceditor-ignore')) { + previousSibling = getSibling(previousSibling, true); + } + } + + trimStart = previousSibling.nodeType === TEXT_NODE ? + /[\t\n\r ]$/.test(previousSibling.nodeValue) : + !isInline(previousSibling); + } + + // Clear zero width spaces + nodeValue = nodeValue.replace(/\u200B/g, ''); + + // Strip leading whitespace + if (!previous || !isInline(previous) || trimStart) { + nodeValue = nodeValue.replace( + preserveNewLines ? /^[\t ]+/ : /^[\t\n\r ]+/, + '' + ); + } + + // Strip trailing whitespace + if (!next || !isInline(next)) { + nodeValue = nodeValue.replace( + preserveNewLines ? /[\t ]+$/ : /[\t\n\r ]+$/, + '' + ); + } + + // Remove empty text nodes + if (!nodeValue.length) { + remove(node); + } else { + node.nodeValue = nodeValue.replace( + preserveNewLines ? /[\t ]+/g : /[\t\n\r ]+/g, + ' ' + ); + } + } + + node = nextNode; + } + } + + /** + * Extracts all the nodes between the start and end nodes + * + * @param {HTMLElement} startNode The node to start extracting at + * @param {HTMLElement} endNode The node to stop extracting at + * @return {DocumentFragment} + */ + function extractContents(startNode, endNode) { + var range = startNode.ownerDocument.createRange(); + + range.setStartBefore(startNode); + range.setEndAfter(endNode); + + return range.extractContents(); + } + + /** + * Gets the offset position of an element + * + * @param {HTMLElement} node + * @return {Object} An object with left and top properties + */ + function getOffset(node) { + var left = 0, + top = 0; + + while (node) { + left += node.offsetLeft; + top += node.offsetTop; + node = node.offsetParent; + } + + return { + left: left, + top: top + }; + } + + /** + * Gets the value of a CSS property from the elements style attribute + * + * @param {HTMLElement} elm + * @param {string} property + * @return {string} + */ + function getStyle(elm, property) { + var direction, styleValue, + elmStyle = elm.style; + + if (!cssPropertyNameCache[property]) { + cssPropertyNameCache[property] = camelCase(property); + } + + property = cssPropertyNameCache[property]; + styleValue = elmStyle[property]; + + // Add an exception for text-align + if ('textAlign' === property) { + direction = elmStyle.direction; + styleValue = styleValue || css(elm, property); + + if (css(elm.parentNode, property) === styleValue || + css(elm, 'display') !== 'block' || is(elm, 'hr,th')) { + return ''; + } + + // IE changes text-align to the same as the current direction + // so skip unless its not the same + if ((/right/i.test(styleValue) && direction === 'rtl') || + (/left/i.test(styleValue) && direction === 'ltr')) { + return ''; + } + } + + return styleValue; + } + + /** + * Tests if an element has a style. + * + * If values are specified it will check that the styles value + * matches one of the values + * + * @param {HTMLElement} elm + * @param {string} property + * @param {string|array} [values] + * @return {boolean} + */ + function hasStyle(elm, property, values) { + var styleValue = getStyle(elm, property); + + if (!styleValue) { + return false; + } + + return !values || styleValue === values || + (Array.isArray(values) && values.indexOf(styleValue) > -1); + } + + /** + * Default options for SCEditor + * @type {Object} + */ + var defaultOptions = { + /** @lends jQuery.sceditor.defaultOptions */ + /** + * Toolbar buttons order and groups. Should be comma separated and + * have a bar | to separate groups + * + * @type {string} + */ + toolbar: 'bold,italic,underline,strike,subscript,superscript|' + + 'left,center,right,justify|font,size,color,removeformat|' + + 'cut,copy,pastetext|bulletlist,orderedlist,indent,outdent|' + + 'table|code,quote|horizontalrule,image,email,link,unlink|' + + 'emoticon,youtube,date,time|ltr,rtl|print,maximize,source', + + /** + * Comma separated list of commands to excludes from the toolbar + * + * @type {string} + */ + toolbarExclude: null, + + /** + * Stylesheet to include in the WYSIWYG editor. This is what will style + * the WYSIWYG elements + * + * @type {string} + */ + style: 'jquery.sceditor.default.css', + + /** + * Comma separated list of fonts for the font selector + * + * @type {string} + */ + fonts: 'Arial,Arial Black,Comic Sans MS,Courier New,Georgia,Impact,' + + 'Sans-serif,Serif,Times New Roman,Trebuchet MS,Verdana', + + /** + * Colors should be comma separated and have a bar | to signal a new + * column. + * + * If null the colors will be auto generated. + * + * @type {string} + */ + colors: '#000000,#44B8FF,#1E92F7,#0074D9,#005DC2,#00369B,#b3d5f4|' + + '#444444,#C3FFFF,#9DF9FF,#7FDBFF,#68C4E8,#419DC1,#d9f4ff|' + + '#666666,#72FF84,#4CEA5E,#2ECC40,#17B529,#008E02,#c0f0c6|' + + '#888888,#FFFF44,#FFFA1E,#FFDC00,#E8C500,#C19E00,#fff5b3|' + + '#aaaaaa,#FFC95F,#FFA339,#FF851B,#E86E04,#C14700,#ffdbbb|' + + '#cccccc,#FF857A,#FF5F54,#FF4136,#E82A1F,#C10300,#ffc6c3|' + + '#eeeeee,#FF56FF,#FF30DC,#F012BE,#D900A7,#B20080,#fbb8ec|' + + '#ffffff,#F551FF,#CF2BE7,#B10DC9,#9A00B2,#9A00B2,#e8b6ef', + + /** + * The locale to use. + * @type {string} + */ + locale: attr(document.documentElement, 'lang') || 'en', + + /** + * The Charset to use + * @type {string} + */ + charset: 'utf-8', + + /** + * Compatibility mode for emoticons. + * + * Helps if you have emoticons such as :/ which would put an emoticon + * inside http:// + * + * This mode requires emoticons to be surrounded by whitespace or end of + * line chars. This mode has limited As You Type emoticon conversion + * support. It will not replace AYT for end of line chars, only + * emoticons surrounded by whitespace. They will still be replaced + * correctly when loaded just not AYT. + * + * @type {boolean} + */ + emoticonsCompat: false, + + /** + * If to enable emoticons. Can be changes at runtime using the + * emoticons() method. + * + * @type {boolean} + * @since 1.4.2 + */ + emoticonsEnabled: true, + + /** + * Emoticon root URL + * + * @type {string} + */ + emoticonsRoot: '', + emoticons: { + dropdown: { + ':)': 'emoticons/smile.png', + ':angel:': 'emoticons/angel.png', + ':angry:': 'emoticons/angry.png', + '8-)': 'emoticons/cool.png', + ':\'(': 'emoticons/cwy.png', + ':ermm:': 'emoticons/ermm.png', + ':D': 'emoticons/grin.png', + '<3': 'emoticons/heart.png', + ':(': 'emoticons/sad.png', + ':O': 'emoticons/shocked.png', + ':P': 'emoticons/tongue.png', + ';)': 'emoticons/wink.png' + }, + more: { + ':alien:': 'emoticons/alien.png', + ':blink:': 'emoticons/blink.png', + ':blush:': 'emoticons/blush.png', + ':cheerful:': 'emoticons/cheerful.png', + ':devil:': 'emoticons/devil.png', + ':dizzy:': 'emoticons/dizzy.png', + ':getlost:': 'emoticons/getlost.png', + ':happy:': 'emoticons/happy.png', + ':kissing:': 'emoticons/kissing.png', + ':ninja:': 'emoticons/ninja.png', + ':pinch:': 'emoticons/pinch.png', + ':pouty:': 'emoticons/pouty.png', + ':sick:': 'emoticons/sick.png', + ':sideways:': 'emoticons/sideways.png', + ':silly:': 'emoticons/silly.png', + ':sleeping:': 'emoticons/sleeping.png', + ':unsure:': 'emoticons/unsure.png', + ':woot:': 'emoticons/w00t.png', + ':wassat:': 'emoticons/wassat.png' + }, + hidden: { + ':whistling:': 'emoticons/whistling.png', + ':love:': 'emoticons/wub.png' + } + }, + + /** + * Width of the editor. Set to null for automatic with + * + * @type {?number} + */ + width: null, + + /** + * Height of the editor including toolbar. Set to null for automatic + * height + * + * @type {?number} + */ + height: null, + + /** + * If to allow the editor to be resized + * + * @type {boolean} + */ + resizeEnabled: true, + + /** + * Min resize to width, set to null for half textarea width or -1 for + * unlimited + * + * @type {?number} + */ + resizeMinWidth: null, + /** + * Min resize to height, set to null for half textarea height or -1 for + * unlimited + * + * @type {?number} + */ + resizeMinHeight: null, + /** + * Max resize to height, set to null for double textarea height or -1 + * for unlimited + * + * @type {?number} + */ + resizeMaxHeight: null, + /** + * Max resize to width, set to null for double textarea width or -1 for + * unlimited + * + * @type {?number} + */ + resizeMaxWidth: null, + /** + * If resizing by height is enabled + * + * @type {boolean} + */ + resizeHeight: true, + /** + * If resizing by width is enabled + * + * @type {boolean} + */ + resizeWidth: true, + + /** + * Date format, will be overridden if locale specifies one. + * + * The words year, month and day will be replaced with the users current + * year, month and day. + * + * @type {string} + */ + dateFormat: 'year-month-day', + + /** + * Element to inset the toolbar into. + * + * @type {HTMLElement} + */ + toolbarContainer: null, + + /** + * If to enable paste filtering. This is currently experimental, please + * report any issues. + * + * @type {boolean} + */ + enablePasteFiltering: false, + + /** + * If to completely disable pasting into the editor + * + * @type {boolean} + */ + disablePasting: false, + + /** + * If the editor is read only. + * + * @type {boolean} + */ + readOnly: false, + + /** + * If to set the editor to right-to-left mode. + * + * If set to null the direction will be automatically detected. + * + * @type {boolean} + */ + rtl: false, + + /** + * If to auto focus the editor on page load + * + * @type {boolean} + */ + autofocus: false, + + /** + * If to auto focus the editor to the end of the content + * + * @type {boolean} + */ + autofocusEnd: true, + + /** + * If to auto expand the editor to fix the content + * + * @type {boolean} + */ + autoExpand: false, + + /** + * If to auto update original textbox on blur + * + * @type {boolean} + */ + autoUpdate: false, + + /** + * If to enable the browsers built in spell checker + * + * @type {boolean} + */ + spellcheck: true, + + /** + * If to run the source editor when there is no WYSIWYG support. Only + * really applies to mobile OS's. + * + * @type {boolean} + */ + runWithoutWysiwygSupport: false, + + /** + * If to load the editor in source mode and still allow switching + * between WYSIWYG and source mode + * + * @type {boolean} + */ + startInSourceMode: false, + + /** + * Optional ID to give the editor. + * + * @type {string} + */ + id: null, + + /** + * Comma separated list of plugins + * + * @type {string} + */ + plugins: '', + + /** + * z-index to set the editor container to. Needed for jQuery UI dialog. + * + * @type {?number} + */ + zIndex: null, + + /** + * If to trim the BBCode. Removes any spaces at the start and end of the + * BBCode string. + * + * @type {boolean} + */ + bbcodeTrim: false, + + /** + * If to disable removing block level elements by pressing backspace at + * the start of them + * + * @type {boolean} + */ + disableBlockRemove: false, + + /** + * BBCode parser options, only applies if using the editor in BBCode + * mode. + * + * See SCEditor.BBCodeParser.defaults for list of valid options + * + * @type {Object} + */ + parserOptions: { }, + + /** + * CSS that will be added to the to dropdown menu (eg. z-index) + * + * @type {Object} + */ + dropDownCss: { } + }; + + var USER_AGENT = navigator.userAgent; + + /** + * Detects the version of IE is being used if any. + * + * Will be the IE version number or undefined if the + * browser is not IE. + * + * Source: https://gist.github.com/527683 with extra code + * for IE 10 & 11 detection. + * + * @function + * @name ie + * @type {number} + */ + var ie = (function () { + var undef, + v = 3, + doc = document, + div = doc.createElement('div'), + all = div.getElementsByTagName('i'); + + do { + div.innerHTML = ''; + } while (all[0]); + + // Detect IE 10 as it doesn't support conditional comments. + if ((doc.documentMode && doc.all && window.atob)) { + v = 10; + } + + // Detect IE 11 + if (v === 4 && doc.documentMode) { + v = 11; + } + + return v > 4 ? v : undef; + }()); + + var edge = '-ms-ime-align' in document.documentElement.style; + + /** + * Detects if the browser is iOS + * + * Needed to fix iOS specific bugs + * + * @function + * @name ios + * @memberOf jQuery.sceditor + * @type {boolean} + */ + var ios = /iPhone|iPod|iPad| wosbrowser\//i.test(USER_AGENT); + + /** + * If the browser supports WYSIWYG editing (e.g. older mobile browsers). + * + * @function + * @name isWysiwygSupported + * @return {boolean} + */ + var isWysiwygSupported = (function () { + var match, isUnsupported; + + var div = document.createElement('div'); + div.contentEditable = true ; + + // Check if the contentEditable attribute is supported + if (!('contentEditable' in document.documentElement) || + div.contentEditable !== 'true') { + return false; + } + + // I think blackberry supports contentEditable or will at least + // give a valid value for the contentEditable detection above + // so it isn't included in the below tests. + + // I hate having to do UA sniffing but some mobile browsers say they + // support contentediable when it isn't usable, i.e. you can't enter + // text. + // This is the only way I can think of to detect them which is also how + // every other editor I've seen deals with this issue. + + // Exclude Opera mobile and mini + isUnsupported = /Opera Mobi|Opera Mini/i.test(USER_AGENT); + + if (/Android/i.test(USER_AGENT)) { + isUnsupported = true; + + if (/Safari/.test(USER_AGENT)) { + // Android browser 534+ supports content editable + // This also matches Chrome which supports content editable too + match = /Safari\/(\d+)/.exec(USER_AGENT); + isUnsupported = (!match || !match[1] ? true : match[1] < 534); + } + } + + // The current version of Amazon Silk supports it, older versions didn't + // As it uses webkit like Android, assume it's the same and started + // working at versions >= 534 + if (/ Silk\//i.test(USER_AGENT)) { + match = /AppleWebKit\/(\d+)/.exec(USER_AGENT); + isUnsupported = (!match || !match[1] ? true : match[1] < 534); + } + + // iOS 5+ supports content editable + if (ios) { + // Block any version <= 4_x(_x) + isUnsupported = /OS [0-4](_\d)+ like Mac/i.test(USER_AGENT); + } + + // Firefox does support WYSIWYG on mobiles so override + // any previous value if using FF + if (/Firefox/i.test(USER_AGENT)) { + isUnsupported = false; + } + + if (/OneBrowser/i.test(USER_AGENT)) { + isUnsupported = false; + } + + // UCBrowser works but doesn't give a unique user agent + if (navigator.vendor === 'UCWEB') { + isUnsupported = false; + } + + // IE <= 9 is not supported any more + if (ie <= 9) { + isUnsupported = true; + } + + return !isUnsupported; + }()); + + // Must start with a valid scheme + // ^ + // Schemes that are considered safe + // (https?|s?ftp|mailto|spotify|skype|ssh|teamspeak|tel):| + // Relative schemes (//:) are considered safe + // (\\/\\/)| + // Image data URI's are considered safe + // data:image\\/(png|bmp|gif|p?jpe?g); + var VALID_SCHEME_REGEX = + /^(https?|s?ftp|mailto|spotify|skype|ssh|teamspeak|tel):|(\/\/)|data:image\/(png|bmp|gif|p?jpe?g);/i; + + /** + * Escapes a string so it's safe to use in regex + * + * @param {string} str + * @return {string} + */ + function regex(str) { + return str.replace(/([\-.*+?^=!:${}()|\[\]\/\\])/g, '\\$1'); + } + + /** + * Escapes all HTML entities in a string + * + * If noQuotes is set to false, all single and double + * quotes will also be escaped + * + * @param {string} str + * @param {boolean} [noQuotes=true] + * @return {string} + * @since 1.4.1 + */ + function entities(str, noQuotes) { + if (!str) { + return str; + } + + var replacements = { + '&': '&', + '<': '<', + '>': '>', + ' ': '  ', + '\r\n': '
    ', + '\r': '
    ', + '\n': '
    ' + }; + + if (noQuotes !== false) { + replacements['"'] = '"'; + replacements['\''] = '''; + replacements['`'] = '`'; + } + + str = str.replace(/ {2}|\r\n|[&<>\r\n'"`]/g, function (match) { + return replacements[match] || match; + }); + + return str; + } + + /** + * Escape URI scheme. + * + * Appends the current URL to a url if it has a scheme that is not: + * + * http + * https + * sftp + * ftp + * mailto + * spotify + * skype + * ssh + * teamspeak + * tel + * // + * data:image/(png|jpeg|jpg|pjpeg|bmp|gif); + * + * **IMPORTANT**: This does not escape any HTML in a url, for + * that use the escape.entities() method. + * + * @param {string} url + * @return {string} + * @since 1.4.5 + */ + function uriScheme(url) { + var path, + // If there is a : before a / then it has a scheme + hasScheme = /^[^\/]*:/i, + location = window.location; + + // Has no scheme or a valid scheme + if ((!url || !hasScheme.test(url)) || VALID_SCHEME_REGEX.test(url)) { + return url; + } + + path = location.pathname.split('/'); + path.pop(); + + return location.protocol + '//' + + location.host + + path.join('/') + '/' + + url; + } + + /** + * HTML templates used by the editor and default commands + * @type {Object} + * @private + */ + var _templates = { + html: + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '

    ' + + '', + + toolbarButton: '' + + '
    {dispName}
    ', + + emoticon: '', + + fontOpt: '{font}', + + sizeOpt: '{size}', + + pastetext: + '
    ' + + '
    ' + + '
    ' + + '
    ', + + table: + '
    ' + + '
    ' + + '
    ', + + image: + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ', + + email: + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ', + + link: + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ', + + youtubeMenu: + '
    ' + + '
    ' + + '
    ' + + '
    ', + + youtube: + '' + }; + + /** + * Replaces any params in a template with the passed params. + * + * If createHtml is passed it will return a DocumentFragment + * containing the parsed template. + * + * @param {string} name + * @param {Object} [params] + * @param {boolean} [createHtml] + * @returns {string|DocumentFragment} + * @private + */ + function _tmpl (name, params, createHtml) { + var template = _templates[name]; + + Object.keys(params).forEach(function (name) { + template = template.replace( + new RegExp(regex('{' + name + '}'), 'g'), params[name] + ); + }); + + if (createHtml) { + template = parseHTML(template); + } + + return template; + } + + // In IE < 11 a BR at the end of a block level element + // causes a line break. In all other browsers it's collapsed. + var IE_BR_FIX = ie && ie < 11; + + /** + * Fixes a bug in FF where it sometimes wraps + * new lines in their own list item. + * See issue #359 + */ + function fixFirefoxListBug(editor) { + // Only apply to Firefox as will break other browsers. + if ('mozHidden' in document) { + var node = editor.getBody(); + var next; + + while (node) { + next = node; + + if (next.firstChild) { + next = next.firstChild; + } else { + + while (next && !next.nextSibling) { + next = next.parentNode; + } + + if (next) { + next = next.nextSibling; + } + } + + if (node.nodeType === 3 && /[\n\r\t]+/.test(node.nodeValue)) { + // Only remove if newlines are collapsed + if (!/^pre/.test(css(node.parentNode, 'whiteSpace'))) { + remove(node); + } + } + + node = next; + } + } + } + + + /** + * Map of all the commands for SCEditor + * @type {Object} + * @name commands + * @memberOf jQuery.sceditor + */ + var defaultCmds = { + // START_COMMAND: Bold + bold: { + exec: 'bold', + tooltip: 'Bold', + shortcut: 'Ctrl+B' + }, + // END_COMMAND + // START_COMMAND: Italic + italic: { + exec: 'italic', + tooltip: 'Italic', + shortcut: 'Ctrl+I' + }, + // END_COMMAND + // START_COMMAND: Underline + underline: { + exec: 'underline', + tooltip: 'Underline', + shortcut: 'Ctrl+U' + }, + // END_COMMAND + // START_COMMAND: Strikethrough + strike: { + exec: 'strikethrough', + tooltip: 'Strikethrough' + }, + // END_COMMAND + // START_COMMAND: Subscript + subscript: { + exec: 'subscript', + tooltip: 'Subscript' + }, + // END_COMMAND + // START_COMMAND: Superscript + superscript: { + exec: 'superscript', + tooltip: 'Superscript' + }, + // END_COMMAND + + // START_COMMAND: Left + left: { + state: function (node) { + if (node && node.nodeType === 3) { + node = node.parentNode; + } + + if (node) { + var isLtr = css(node, 'direction') === 'ltr'; + var align = css(node, 'textAlign'); + + return align === 'left' || align === (isLtr ? 'start' : 'end'); + } + }, + exec: 'justifyleft', + tooltip: 'Align left' + }, + // END_COMMAND + // START_COMMAND: Centre + center: { + exec: 'justifycenter', + tooltip: 'Center' + }, + // END_COMMAND + // START_COMMAND: Right + right: { + state: function (node) { + if (node && node.nodeType === 3) { + node = node.parentNode; + } + + if (node) { + var isLtr = css(node, 'direction') === 'ltr'; + var align = css(node, 'textAlign'); + + return align === 'right' || align === (isLtr ? 'end' : 'start'); + } + }, + exec: 'justifyright', + tooltip: 'Align right' + }, + // END_COMMAND + // START_COMMAND: Justify + justify: { + exec: 'justifyfull', + tooltip: 'Justify' + }, + // END_COMMAND + + // START_COMMAND: Font + font: { + _dropDown: function (editor, caller, callback) { + var content = createElement('div'); + + on(content, 'click', 'a', function (e) { + callback(data(this, 'font')); + editor.closeDropDown(true); + e.preventDefault(); + }); + + editor.opts.fonts.split(',').forEach(function (font) { + appendChild(content, _tmpl('fontOpt', { + font: font + }, true)); + }); + + editor.createDropDown(caller, 'font-picker', content); + }, + exec: function (caller) { + var editor = this; + + defaultCmds.font._dropDown(editor, caller, function (fontName) { + editor.execCommand('fontname', fontName); + }); + }, + tooltip: 'Font Name' + }, + // END_COMMAND + // START_COMMAND: Size + size: { + _dropDown: function (editor, caller, callback) { + var content = createElement('div'); + + on(content, 'click', 'a', function (e) { + callback(data(this, 'size')); + editor.closeDropDown(true); + e.preventDefault(); + }); + + for (var i = 1; i <= 7; i++) { + appendChild(content, _tmpl('sizeOpt', { + size: i + }, true)); + } + + editor.createDropDown(caller, 'fontsize-picker', content); + }, + exec: function (caller) { + var editor = this; + + defaultCmds.size._dropDown(editor, caller, function (fontSize) { + editor.execCommand('fontsize', fontSize); + }); + }, + tooltip: 'Font Size' + }, + // END_COMMAND + // START_COMMAND: Colour + color: { + _dropDown: function (editor, caller, callback) { + var content = createElement('div'), + html = '', + cmd = defaultCmds.color; + + if (!cmd._htmlCache) { + editor.opts.colors.split('|').forEach(function (column) { + html += '
    '; + + column.split(',').forEach(function (color) { + html += + ''; + }); + + html += '
    '; + }); + + cmd._htmlCache = html; + } + + appendChild(content, parseHTML(cmd._htmlCache)); + + on(content, 'click', 'a', function (e) { + callback(data(this, 'color')); + editor.closeDropDown(true); + e.preventDefault(); + }); + + editor.createDropDown(caller, 'color-picker', content); + }, + exec: function (caller) { + var editor = this; + + defaultCmds.color._dropDown(editor, caller, function (color) { + editor.execCommand('forecolor', color); + }); + }, + tooltip: 'Font Color' + }, + // END_COMMAND + // START_COMMAND: Remove Format + removeformat: { + exec: 'removeformat', + tooltip: 'Remove Formatting' + }, + // END_COMMAND + + // START_COMMAND: Cut + cut: { + exec: 'cut', + tooltip: 'Cut', + errorMessage: 'Your browser does not allow the cut command. ' + + 'Please use the keyboard shortcut Ctrl/Cmd-X' + }, + // END_COMMAND + // START_COMMAND: Copy + copy: { + exec: 'copy', + tooltip: 'Copy', + errorMessage: 'Your browser does not allow the copy command. ' + + 'Please use the keyboard shortcut Ctrl/Cmd-C' + }, + // END_COMMAND + // START_COMMAND: Paste + paste: { + exec: 'paste', + tooltip: 'Paste', + errorMessage: 'Your browser does not allow the paste command. ' + + 'Please use the keyboard shortcut Ctrl/Cmd-V' + }, + // END_COMMAND + // START_COMMAND: Paste Text + pastetext: { + exec: function (caller) { + var val, + content = createElement('div'), + editor = this; + + appendChild(content, _tmpl('pastetext', { + label: editor._( + 'Paste your text inside the following box:' + ), + insert: editor._('Insert') + }, true)); + + on(content, 'click', '.button', function (e) { + val = find(content, '#txt')[0].value; + + if (val) { + editor.wysiwygEditorInsertText(val); + } + + editor.closeDropDown(true); + e.preventDefault(); + }); + + editor.createDropDown(caller, 'pastetext', content); + }, + tooltip: 'Paste Text' + }, + // END_COMMAND + // START_COMMAND: Bullet List + bulletlist: { + exec: function () { + fixFirefoxListBug(this); + this.execCommand('insertunorderedlist'); + }, + tooltip: 'Bullet list' + }, + // END_COMMAND + // START_COMMAND: Ordered List + orderedlist: { + exec: function () { + fixFirefoxListBug(this); + this.execCommand('insertorderedlist'); + }, + tooltip: 'Numbered list' + }, + // END_COMMAND + // START_COMMAND: Indent + indent: { + state: function (parent$$1, firstBlock) { + // Only works with lists, for now + var range, startParent, endParent; + + if (is(firstBlock, 'li')) { + return 0; + } + + if (is(firstBlock, 'ul,ol,menu')) { + // if the whole list is selected, then this must be + // invalidated because the browser will place a + //
    there + range = this.getRangeHelper().selectedRange(); + + startParent = range.startContainer.parentNode; + endParent = range.endContainer.parentNode; + + // TODO: could use nodeType for this? + // Maybe just check the firstBlock contains both the start + //and end containers + + // Select the tag, not the textNode + // (that's why the parentNode) + if (startParent !== + startParent.parentNode.firstElementChild || + // work around a bug in FF + (is(endParent, 'li') && endParent !== + endParent.parentNode.lastElementChild)) { + return 0; + } + } + + return -1; + }, + exec: function () { + var editor = this, + block = editor.getRangeHelper().getFirstBlockParent(); + + editor.focus(); + + // An indent system is quite complicated as there are loads + // of complications and issues around how to indent text + // As default, let's just stay with indenting the lists, + // at least, for now. + if (closest(block, 'ul,ol,menu')) { + editor.execCommand('indent'); + } + }, + tooltip: 'Add indent' + }, + // END_COMMAND + // START_COMMAND: Outdent + outdent: { + state: function (parents$$1, firstBlock) { + return closest(firstBlock, 'ul,ol,menu') ? 0 : -1; + }, + exec: function () { + var block = this.getRangeHelper().getFirstBlockParent(); + if (closest(block, 'ul,ol,menu')) { + this.execCommand('outdent'); + } + }, + tooltip: 'Remove one indent' + }, + // END_COMMAND + + // START_COMMAND: Table + table: { + exec: function (caller) { + var editor = this, + content = createElement('div'); + + appendChild(content, _tmpl('table', { + rows: editor._('Rows:'), + cols: editor._('Cols:'), + insert: editor._('Insert') + }, true)); + + on(content, 'click', '.button', function (e) { + var rows = Number(find(content, '#rows')[0].value), + cols = Number(find(content, '#cols')[0].value), + html = ''; + + if (rows > 0 && cols > 0) { + html += Array(rows + 1).join( + '' + + Array(cols + 1).join( + '' + ) + + '' + ); + + html += '
    ' + (IE_BR_FIX ? '' : '
    ') + '
    '; + + editor.wysiwygEditorInsertHtml(html); + editor.closeDropDown(true); + e.preventDefault(); + } + }); + + editor.createDropDown(caller, 'inserttable', content); + }, + tooltip: 'Insert a table' + }, + // END_COMMAND + + // START_COMMAND: Horizontal Rule + horizontalrule: { + exec: 'inserthorizontalrule', + tooltip: 'Insert a horizontal rule' + }, + // END_COMMAND + + // START_COMMAND: Code + code: { + exec: function () { + this.wysiwygEditorInsertHtml( + '', + (IE_BR_FIX ? '' : '
    ') + '    ' + ); + }, + tooltip: 'Code' + }, + // END_COMMAND + + // START_COMMAND: Image + image: { + _dropDown: function (editor, caller, selected, cb) { + var content = createElement('div'); + + appendChild(content, _tmpl('image', { + url: editor._('URL:'), + width: editor._('Width (optional):'), + height: editor._('Height (optional):'), + insert: editor._('Insert') + }, true)); + + + var urlInput = find(content, '#image')[0]; + + urlInput.value = selected; + + on(content, 'click', '.button', function (e) { + if (urlInput.value) { + cb( + urlInput.value, + find(content, '#width')[0].value, + find(content, '#height')[0].value + ); + } + + editor.closeDropDown(true); + e.preventDefault(); + }); + + editor.createDropDown(caller, 'insertimage', content); + }, + exec: function (caller) { + var editor = this; + + defaultCmds.image._dropDown( + editor, + caller, + '', + function (url, width$$1, height$$1) { + var attrs = ''; + + if (width$$1) { + attrs += ' width="' + width$$1 + '"'; + } + + if (height$$1) { + attrs += ' height="' + height$$1 + '"'; + } + + editor.wysiwygEditorInsertHtml( + '' + ); + } + ); + }, + tooltip: 'Insert an image' + }, + // END_COMMAND + + // START_COMMAND: E-mail + email: { + _dropDown: function (editor, caller, cb) { + var content = createElement('div'); + + appendChild(content, _tmpl('email', { + label: editor._('E-mail:'), + desc: editor._('Description (optional):'), + insert: editor._('Insert') + }, true)); + + on(content, 'click', '.button', function (e) { + var email = find(content, '#email')[0].value; + + if (email) { + cb(email, find(content, '#des')[0].value); + } + + editor.closeDropDown(true); + e.preventDefault(); + }); + + editor.createDropDown(caller, 'insertemail', content); + }, + exec: function (caller) { + var editor = this; + + defaultCmds.email._dropDown( + editor, + caller, + function (email, text) { + // needed for IE to reset the last range + editor.focus(); + + if (!editor.getRangeHelper().selectedHtml() || text) { + editor.wysiwygEditorInsertHtml( + '' + + (text || email) + + '' + ); + } else { + editor.execCommand('createlink', 'mailto:' + email); + } + } + ); + }, + tooltip: 'Insert an email' + }, + // END_COMMAND + + // START_COMMAND: Link + link: { + _dropDown: function (editor, caller, cb) { + var content = createElement('div'); + + appendChild(content, _tmpl('link', { + url: editor._('URL:'), + desc: editor._('Description (optional):'), + ins: editor._('Insert') + }, true)); + + var linkInput = find(content, '#link')[0]; + + function insertUrl(e) { + if (linkInput.value) { + cb(linkInput.value, find(content, '#des')[0].value); + } + + editor.closeDropDown(true); + e.preventDefault(); + } + + on(content, 'click', '.button', insertUrl); + on(content, 'keypress', function (e) { + // 13 = enter key + if (e.which === 13 && linkInput.value) { + insertUrl(e); + } + }, EVENT_CAPTURE); + + editor.createDropDown(caller, 'insertlink', content); + }, + exec: function (caller) { + var editor = this; + + defaultCmds.link._dropDown(editor, caller, function (url, text) { + // needed for IE to restore the last range + editor.focus(); + + // If there is no selected text then must set the URL as + // the text. Most browsers do this automatically, sadly + // IE doesn't. + if (text || !editor.getRangeHelper().selectedHtml()) { + text = text || url; + + editor.wysiwygEditorInsertHtml( + '' + text + '' + ); + } else { + editor.execCommand('createlink', url); + } + }); + }, + tooltip: 'Insert a link' + }, + // END_COMMAND + + // START_COMMAND: Unlink + unlink: { + state: function () { + return closest(this.currentNode(), 'a') ? 0 : -1; + }, + exec: function () { + var anchor = closest(this.currentNode(), 'a'); + + if (anchor) { + while (anchor.firstChild) { + insertBefore(anchor.firstChild, anchor); + } + + remove(anchor); + } + }, + tooltip: 'Unlink' + }, + // END_COMMAND + + + // START_COMMAND: Quote + quote: { + exec: function (caller, html, author) { + var before = '
    ', + end = '
    '; + + // if there is HTML passed set end to null so any selected + // text is replaced + if (html) { + author = (author ? '' + author + '' : ''); + before = before + author + html + end; + end = null; + // if not add a newline to the end of the inserted quote + } else if (this.getRangeHelper().selectedHtml() === '') { + end = (IE_BR_FIX ? '' : '
    ') + end; + } + + this.wysiwygEditorInsertHtml(before, end); + }, + tooltip: 'Insert a Quote' + }, + // END_COMMAND + + // START_COMMAND: Emoticons + emoticon: { + exec: function (caller) { + var editor = this; + + var createContent = function (includeMore) { + var moreLink, + opts = editor.opts, + emoticonsRoot = opts.emoticonsRoot || '', + emoticonsCompat = opts.emoticonsCompat, + rangeHelper = editor.getRangeHelper(), + startSpace = emoticonsCompat && + rangeHelper.getOuterText(true, 1) !== ' ' ? ' ' : '', + endSpace = emoticonsCompat && + rangeHelper.getOuterText(false, 1) !== ' ' ? ' ' : '', + content = createElement('div'), + line = createElement('div'), + perLine = 0, + emoticons = extend( + {}, + opts.emoticons.dropdown, + includeMore ? opts.emoticons.more : {} + ); + + appendChild(content, line); + + perLine = Math.sqrt(Object.keys(emoticons).length); + + on(content, 'click', 'img', function (e) { + editor.insert(startSpace + attr(this, 'alt') + endSpace, + null, false).closeDropDown(true); + + e.preventDefault(); + }); + + each(emoticons, function (code, emoticon) { + appendChild(line, createElement('img', { + src: emoticonsRoot + (emoticon.url || emoticon), + alt: code, + title: emoticon.tooltip || code + })); + + if (line.children.length >= perLine) { + line = createElement('div'); + appendChild(content, line); + } + }); + + if (!includeMore && opts.emoticons.more) { + moreLink = createElement('a', { + className: 'sceditor-more' + }); + + appendChild(moreLink, + document.createTextNode(editor._('More'))); + + on(moreLink, 'click', function (e) { + editor.createDropDown( + caller, 'more-emoticons', createContent(true) + ); + + e.preventDefault(); + }); + + appendChild(content, moreLink); + } + + return content; + }; + + editor.createDropDown(caller, 'emoticons', createContent(false)); + }, + txtExec: function (caller) { + defaultCmds.emoticon.exec.call(this, caller); + }, + tooltip: 'Insert an emoticon' + }, + // END_COMMAND + + // START_COMMAND: YouTube + youtube: { + _dropDown: function (editor, caller, callback) { + var content = createElement('div'); + + appendChild(content, _tmpl('youtubeMenu', { + label: editor._('Video URL:'), + insert: editor._('Insert') + }, true)); + + on(content, 'click', '.button', function (e) { + var val = find(content, '#link')[0].value; + var idMatch = val.match(/(?:v=|v\/|embed\/|youtu.be\/)(.{11})/); + var timeMatch = val.match(/[&|?](?:star)?t=((\d+[hms]?){1,3})/); + var time = 0; + + if (timeMatch) { + each(timeMatch[1].split(/[hms]/), function (i, val) { + if (val !== '') { + time = (time * 60) + Number(val); + } + }); + } + + if (idMatch && /^[a-zA-Z0-9_\-]{11}$/.test(idMatch[1])) { + callback(idMatch[1], time); + } + + editor.closeDropDown(true); + e.preventDefault(); + }); + + editor.createDropDown(caller, 'insertlink', content); + }, + exec: function (btn) { + var editor = this; + + defaultCmds.youtube._dropDown(editor, btn, function (id, time) { + editor.wysiwygEditorInsertHtml(_tmpl('youtube', { + id: id, + time: time + })); + }); + }, + tooltip: 'Insert a YouTube video' + }, + // END_COMMAND + + // START_COMMAND: Date + date: { + _date: function (editor) { + var now = new Date(), + year = now.getYear(), + month = now.getMonth() + 1, + day = now.getDate(); + + if (year < 2000) { + year = 1900 + year; + } + + if (month < 10) { + month = '0' + month; + } + + if (day < 10) { + day = '0' + day; + } + + return editor.opts.dateFormat + .replace(/year/i, year) + .replace(/month/i, month) + .replace(/day/i, day); + }, + exec: function () { + this.insertText(defaultCmds.date._date(this)); + }, + txtExec: function () { + this.insertText(defaultCmds.date._date(this)); + }, + tooltip: 'Insert current date' + }, + // END_COMMAND + + // START_COMMAND: Time + time: { + _time: function () { + var now = new Date(), + hours = now.getHours(), + mins = now.getMinutes(), + secs = now.getSeconds(); + + if (hours < 10) { + hours = '0' + hours; + } + + if (mins < 10) { + mins = '0' + mins; + } + + if (secs < 10) { + secs = '0' + secs; + } + + return hours + ':' + mins + ':' + secs; + }, + exec: function () { + this.insertText(defaultCmds.time._time()); + }, + txtExec: function () { + this.insertText(defaultCmds.time._time()); + }, + tooltip: 'Insert current time' + }, + // END_COMMAND + + + // START_COMMAND: Ltr + ltr: { + state: function (parents$$1, firstBlock) { + return firstBlock && firstBlock.style.direction === 'ltr'; + }, + exec: function () { + var editor = this, + rangeHelper = editor.getRangeHelper(), + node = rangeHelper.getFirstBlockParent(); + + editor.focus(); + + if (!node || is(node, 'body')) { + editor.execCommand('formatBlock', 'p'); + + node = rangeHelper.getFirstBlockParent(); + + if (!node || is(node, 'body')) { + return; + } + } + + var toggleValue = css(node, 'direction') === 'ltr' ? '' : 'ltr'; + css(node, 'direction', toggleValue); + }, + tooltip: 'Left-to-Right' + }, + // END_COMMAND + + // START_COMMAND: Rtl + rtl: { + state: function (parents$$1, firstBlock) { + return firstBlock && firstBlock.style.direction === 'rtl'; + }, + exec: function () { + var editor = this, + rangeHelper = editor.getRangeHelper(), + node = rangeHelper.getFirstBlockParent(); + + editor.focus(); + + if (!node || is(node, 'body')) { + editor.execCommand('formatBlock', 'p'); + + node = rangeHelper.getFirstBlockParent(); + + if (!node || is(node, 'body')) { + return; + } + } + + var toggleValue = css(node, 'direction') === 'rtl' ? '' : 'rtl'; + css(node, 'direction', toggleValue); + }, + tooltip: 'Right-to-Left' + }, + // END_COMMAND + + + // START_COMMAND: Print + print: { + exec: 'print', + tooltip: 'Print' + }, + // END_COMMAND + + // START_COMMAND: Maximize + maximize: { + state: function () { + return this.maximize(); + }, + exec: function () { + this.maximize(!this.maximize()); + }, + txtExec: function () { + this.maximize(!this.maximize()); + }, + tooltip: 'Maximize', + shortcut: 'Ctrl+Shift+M' + }, + // END_COMMAND + + // START_COMMAND: Source + source: { + state: function () { + return this.sourceMode(); + }, + exec: function () { + this.toggleSourceMode(); + }, + txtExec: function () { + this.toggleSourceMode(); + }, + tooltip: 'View source', + shortcut: 'Ctrl+Shift+S' + }, + // END_COMMAND + + // this is here so that commands above can be removed + // without having to remove the , after the last one. + // Needed for IE. + ignore: {} + }; + + var plugins = {}; + + /** + * Plugin Manager class + * @class PluginManager + * @name PluginManager + */ + function PluginManager(thisObj) { + /** + * Alias of this + * + * @private + * @type {Object} + */ + var base = this; + + /** + * Array of all currently registered plugins + * + * @type {Array} + * @private + */ + var registeredPlugins = []; + + + /** + * Changes a signals name from "name" into "signalName". + * + * @param {string} signal + * @return {string} + * @private + */ + var formatSignalName = function (signal) { + return 'signal' + signal.charAt(0).toUpperCase() + signal.slice(1); + }; + + /** + * Calls handlers for a signal + * + * @see call() + * @see callOnlyFirst() + * @param {Array} args + * @param {boolean} returnAtFirst + * @return {*} + * @private + */ + var callHandlers = function (args, returnAtFirst) { + args = [].slice.call(args); + + var idx, ret, + signal = formatSignalName(args.shift()); + + for (idx = 0; idx < registeredPlugins.length; idx++) { + if (signal in registeredPlugins[idx]) { + ret = registeredPlugins[idx][signal].apply(thisObj, args); + + if (returnAtFirst) { + return ret; + } + } + } + }; + + /** + * Calls all handlers for the passed signal + * + * @param {string} signal + * @param {...string} args + * @function + * @name call + * @memberOf PluginManager.prototype + */ + base.call = function () { + callHandlers(arguments, false); + }; + + /** + * Calls the first handler for a signal, and returns the + * + * @param {string} signal + * @param {...string} args + * @return {*} The result of calling the handler + * @function + * @name callOnlyFirst + * @memberOf PluginManager.prototype + */ + base.callOnlyFirst = function () { + return callHandlers(arguments, true); + }; + + /** + * Checks if a signal has a handler + * + * @param {string} signal + * @return {boolean} + * @function + * @name hasHandler + * @memberOf PluginManager.prototype + */ + base.hasHandler = function (signal) { + var i = registeredPlugins.length; + signal = formatSignalName(signal); + + while (i--) { + if (signal in registeredPlugins[i]) { + return true; + } + } + + return false; + }; + + /** + * Checks if the plugin exists in plugins + * + * @param {string} plugin + * @return {boolean} + * @function + * @name exists + * @memberOf PluginManager.prototype + */ + base.exists = function (plugin) { + if (plugin in plugins) { + plugin = plugins[plugin]; + + return typeof plugin === 'function' && + typeof plugin.prototype === 'object'; + } + + return false; + }; + + /** + * Checks if the passed plugin is currently registered. + * + * @param {string} plugin + * @return {boolean} + * @function + * @name isRegistered + * @memberOf PluginManager.prototype + */ + base.isRegistered = function (plugin) { + if (base.exists(plugin)) { + var idx = registeredPlugins.length; + + while (idx--) { + if (registeredPlugins[idx] instanceof plugins[plugin]) { + return true; + } + } + } + + return false; + }; + + /** + * Registers a plugin to receive signals + * + * @param {string} plugin + * @return {boolean} + * @function + * @name register + * @memberOf PluginManager.prototype + */ + base.register = function (plugin) { + if (!base.exists(plugin) || base.isRegistered(plugin)) { + return false; + } + + plugin = new plugins[plugin](); + registeredPlugins.push(plugin); + + if ('init' in plugin) { + plugin.init.call(thisObj); + } + + return true; + }; + + /** + * Deregisters a plugin. + * + * @param {string} plugin + * @return {boolean} + * @function + * @name deregister + * @memberOf PluginManager.prototype + */ + base.deregister = function (plugin) { + var removedPlugin, + pluginIdx = registeredPlugins.length, + removed = false; + + if (!base.isRegistered(plugin)) { + return removed; + } + + while (pluginIdx--) { + if (registeredPlugins[pluginIdx] instanceof plugins[plugin]) { + removedPlugin = registeredPlugins.splice(pluginIdx, 1)[0]; + removed = true; + + if ('destroy' in removedPlugin) { + removedPlugin.destroy.call(thisObj); + } + } + } + + return removed; + }; + + /** + * Clears all plugins and removes the owner reference. + * + * Calling any functions on this object after calling + * destroy will cause a JS error. + * + * @name destroy + * @memberOf PluginManager.prototype + */ + base.destroy = function () { + var i = registeredPlugins.length; + + while (i--) { + if ('destroy' in registeredPlugins[i]) { + registeredPlugins[i].destroy.call(thisObj); + } + } + + registeredPlugins = []; + thisObj = null; + }; + } + + PluginManager.plugins = plugins; + + // In IE < 11 a BR at the end of a block level element + // causes a line break. In all other browsers it's collapsed. + var IE_BR_FIX$1 = ie && ie < 11; + + + /** + * Gets the text, start/end node and offset for + * length chars left or right of the passed node + * at the specified offset. + * + * @param {Node} node + * @param {number} offset + * @param {boolean} isLeft + * @param {number} length + * @return {Object} + * @private + */ + var outerText = function (range, isLeft, length) { + var nodeValue, remaining, start, end, node, + text = '', + next = range.startContainer, + offset = range.startOffset; + + // Handle cases where node is a paragraph and offset + // refers to the index of a text node. + // 3 = text node + if (next && next.nodeType !== 3) { + next = next.childNodes[offset]; + offset = 0; + } + + start = end = offset; + + while (length > text.length && next && next.nodeType === 3) { + nodeValue = next.nodeValue; + remaining = length - text.length; + + // If not the first node, start and end should be at their + // max values as will be updated when getting the text + if (node) { + end = nodeValue.length; + start = 0; + } + + node = next; + + if (isLeft) { + start = Math.max(end - remaining, 0); + offset = start; + + text = nodeValue.substr(start, end - start) + text; + next = node.previousSibling; + } else { + end = Math.min(remaining, nodeValue.length); + offset = start + end; + + text += nodeValue.substr(start, end); + next = node.nextSibling; + } + } + + return { + node: node || next, + offset: offset, + text: text + }; + }; + + /** + * Range helper + * + * @class RangeHelper + * @name RangeHelper + */ + function RangeHelper(win, d) { + var _createMarker, _prepareInput, + doc = d || win.contentDocument || win.document, + startMarker = 'sceditor-start-marker', + endMarker = 'sceditor-end-marker', + base = this; + + /** + * Inserts HTML into the current range replacing any selected + * text. + * + * If endHTML is specified the selected contents will be put between + * html and endHTML. If there is nothing selected html and endHTML are + * just concatenate together. + * + * @param {string} html + * @param {string} [endHTML] + * @return False on fail + * @function + * @name insertHTML + * @memberOf RangeHelper.prototype + */ + base.insertHTML = function (html, endHTML) { + var node, div, + range = base.selectedRange(); + + if (!range) { + return false; + } + + if (endHTML) { + html += base.selectedHtml() + endHTML; + } + + div = createElement('p', {}, doc); + node = doc.createDocumentFragment(); + div.innerHTML = html; + + while (div.firstChild) { + appendChild(node, div.firstChild); + } + + base.insertNode(node); + }; + + /** + * Prepares HTML to be inserted by adding a zero width space + * if the last child is empty and adding the range start/end + * markers to the last child. + * + * @param {Node|string} node + * @param {Node|string} [endNode] + * @param {boolean} [returnHtml] + * @return {Node|string} + * @private + */ + _prepareInput = function (node, endNode, returnHtml) { + var lastChild, + frag = doc.createDocumentFragment(); + + if (typeof node === 'string') { + if (endNode) { + node += base.selectedHtml() + endNode; + } + + frag = parseHTML(node); + } else { + appendChild(frag, node); + + if (endNode) { + appendChild(frag, base.selectedRange().extractContents()); + appendChild(frag, endNode); + } + } + + if (!(lastChild = frag.lastChild)) { + return; + } + + while (!isInline(lastChild.lastChild, true)) { + lastChild = lastChild.lastChild; + } + + if (canHaveChildren(lastChild)) { + // Webkit won't allow the cursor to be placed inside an + // empty tag, so add a zero width space to it. + if (!lastChild.lastChild) { + appendChild(lastChild, document.createTextNode('\u200B')); + } + } else { + lastChild = frag; + } + + base.removeMarkers(); + + // Append marks to last child so when restored cursor will be in + // the right place + appendChild(lastChild, _createMarker(startMarker)); + appendChild(lastChild, _createMarker(endMarker)); + + if (returnHtml) { + var div = createElement('div'); + appendChild(div, frag); + + return div.innerHTML; + } + + return frag; + }; + + /** + * The same as insertHTML except with DOM nodes instead + * + * Warning: the nodes must belong to the + * document they are being inserted into. Some browsers + * will throw exceptions if they don't. + * + * Returns boolean false on fail + * + * @param {Node} node + * @param {Node} endNode + * @return {false|undefined} + * @function + * @name insertNode + * @memberOf RangeHelper.prototype + */ + base.insertNode = function (node, endNode) { + var input = _prepareInput(node, endNode), + range = base.selectedRange(), + parent$$1 = range.commonAncestorContainer; + + if (!input) { + return false; + } + + range.deleteContents(); + + // FF allows
    to be selected but inserting a node + // into
    will cause it not to be displayed so must + // insert before the
    in FF. + // 3 = TextNode + if (parent$$1 && parent$$1.nodeType !== 3 && !canHaveChildren(parent$$1)) { + insertBefore(input, parent$$1); + } else { + range.insertNode(input); + } + + base.restoreRange(); + }; + + /** + * Clones the selected Range + * + * @return {Range} + * @function + * @name cloneSelected + * @memberOf RangeHelper.prototype + */ + base.cloneSelected = function () { + var range = base.selectedRange(); + + if (range) { + return range.cloneRange(); + } + }; + + /** + * Gets the selected Range + * + * @return {Range} + * @function + * @name selectedRange + * @memberOf RangeHelper.prototype + */ + base.selectedRange = function () { + var range, firstChild, + sel = win.getSelection(); + + if (!sel) { + return; + } + + // When creating a new range, set the start to the first child + // element of the body element to avoid errors in FF. + if (sel.rangeCount <= 0) { + firstChild = doc.body; + while (firstChild.firstChild) { + firstChild = firstChild.firstChild; + } + + range = doc.createRange(); + // Must be setStartBefore otherwise it can cause infinite + // loops with lists in WebKit. See issue 442 + range.setStartBefore(firstChild); + + sel.addRange(range); + } + + if (sel.rangeCount > 0) { + range = sel.getRangeAt(0); + } + + return range; + }; + + /** + * Gets if there is currently a selection + * + * @return {boolean} + * @function + * @name hasSelection + * @since 1.4.4 + * @memberOf RangeHelper.prototype + */ + base.hasSelection = function () { + var sel = win.getSelection(); + + return sel && sel.rangeCount > 0; + }; + + /** + * Gets the currently selected HTML + * + * @return {string} + * @function + * @name selectedHtml + * @memberOf RangeHelper.prototype + */ + base.selectedHtml = function () { + var div, + range = base.selectedRange(); + + if (range) { + div = createElement('p', {}, doc); + appendChild(div, range.cloneContents()); + + return div.innerHTML; + } + + return ''; + }; + + /** + * Gets the parent node of the selected contents in the range + * + * @return {HTMLElement} + * @function + * @name parentNode + * @memberOf RangeHelper.prototype + */ + base.parentNode = function () { + var range = base.selectedRange(); + + if (range) { + return range.commonAncestorContainer; + } + }; + + /** + * Gets the first block level parent of the selected + * contents of the range. + * + * @return {HTMLElement} + * @function + * @name getFirstBlockParent + * @memberOf RangeHelper.prototype + */ + /** + * Gets the first block level parent of the selected + * contents of the range. + * + * @param {Node} [n] The element to get the first block level parent from + * @return {HTMLElement} + * @function + * @name getFirstBlockParent^2 + * @since 1.4.1 + * @memberOf RangeHelper.prototype + */ + base.getFirstBlockParent = function (node) { + var func = function (elm) { + if (!isInline(elm, true)) { + return elm; + } + + elm = elm ? elm.parentNode : null; + + return elm ? func(elm) : elm; + }; + + return func(node || base.parentNode()); + }; + + /** + * Inserts a node at either the start or end of the current selection + * + * @param {Bool} start + * @param {Node} node + * @function + * @name insertNodeAt + * @memberOf RangeHelper.prototype + */ + base.insertNodeAt = function (start, node) { + var currentRange = base.selectedRange(), + range = base.cloneSelected(); + + if (!range) { + return false; + } + + range.collapse(start); + range.insertNode(node); + + // Reselect the current range. + // Fixes issue with Chrome losing the selection. Issue#82 + base.selectRange(currentRange); + }; + + /** + * Creates a marker node + * + * @param {string} id + * @return {HTMLSpanElement} + * @private + */ + _createMarker = function (id) { + base.removeMarker(id); + + var marker = createElement('span', { + id: id, + className: 'sceditor-selection sceditor-ignore', + style: 'display:none;line-height:0' + }, doc); + + marker.innerHTML = ' '; + + return marker; + }; + + /** + * Inserts start/end markers for the current selection + * which can be used by restoreRange to re-select the + * range. + * + * @memberOf RangeHelper.prototype + * @function + * @name insertMarkers + */ + base.insertMarkers = function () { + var currentRange = base.selectedRange(); + var startNode = _createMarker(startMarker); + + base.removeMarkers(); + base.insertNodeAt(true, startNode); + + // Fixes issue with end marker sometimes being placed before + // the start marker when the range is collapsed. + if (currentRange && currentRange.collapsed) { + startNode.parentNode.insertBefore( + _createMarker(endMarker), startNode.nextSibling); + } else { + base.insertNodeAt(false, _createMarker(endMarker)); + } + }; + + /** + * Gets the marker with the specified ID + * + * @param {string} id + * @return {Node} + * @function + * @name getMarker + * @memberOf RangeHelper.prototype + */ + base.getMarker = function (id) { + return doc.getElementById(id); + }; + + /** + * Removes the marker with the specified ID + * + * @param {string} id + * @function + * @name removeMarker + * @memberOf RangeHelper.prototype + */ + base.removeMarker = function (id) { + var marker = base.getMarker(id); + + if (marker) { + remove(marker); + } + }; + + /** + * Removes the start/end markers + * + * @function + * @name removeMarkers + * @memberOf RangeHelper.prototype + */ + base.removeMarkers = function () { + base.removeMarker(startMarker); + base.removeMarker(endMarker); + }; + + /** + * Saves the current range location. Alias of insertMarkers() + * + * @function + * @name saveRage + * @memberOf RangeHelper.prototype + */ + base.saveRange = function () { + base.insertMarkers(); + }; + + /** + * Select the specified range + * + * @param {Range} range + * @function + * @name selectRange + * @memberOf RangeHelper.prototype + */ + base.selectRange = function (range) { + var lastChild; + var sel = win.getSelection(); + var container = range.endContainer; + + // Check if cursor is set after a BR when the BR is the only + // child of the parent. In Firefox this causes a line break + // to occur when something is typed. See issue #321 + if (!IE_BR_FIX$1 && range.collapsed && container && + !isInline(container, true)) { + + lastChild = container.lastChild; + while (lastChild && is(lastChild, '.sceditor-ignore')) { + lastChild = lastChild.previousSibling; + } + + if (is(lastChild, 'br')) { + var rng = doc.createRange(); + rng.setEndAfter(lastChild); + rng.collapse(false); + + if (base.compare(range, rng)) { + range.setStartBefore(lastChild); + range.collapse(true); + } + } + } + + if (sel) { + base.clear(); + sel.addRange(range); + } + }; + + /** + * Restores the last range saved by saveRange() or insertMarkers() + * + * @function + * @name restoreRange + * @memberOf RangeHelper.prototype + */ + base.restoreRange = function () { + var isCollapsed, + range = base.selectedRange(), + start = base.getMarker(startMarker), + end = base.getMarker(endMarker); + + if (!start || !end || !range) { + return false; + } + + isCollapsed = start.nextSibling === end; + + range = doc.createRange(); + range.setStartBefore(start); + range.setEndAfter(end); + + if (isCollapsed) { + range.collapse(true); + } + + base.selectRange(range); + base.removeMarkers(); + }; + + /** + * Selects the text left and right of the current selection + * + * @param {number} left + * @param {number} right + * @since 1.4.3 + * @function + * @name selectOuterText + * @memberOf RangeHelper.prototype + */ + base.selectOuterText = function (left, right) { + var start, end, + range = base.cloneSelected(); + + if (!range) { + return false; + } + + range.collapse(false); + + start = outerText(range, true, left); + end = outerText(range, false, right); + + range.setStart(start.node, start.offset); + range.setEnd(end.node, end.offset); + + base.selectRange(range); + }; + + /** + * Gets the text left or right of the current selection + * + * @param {boolean} before + * @param {number} length + * @return {string} + * @since 1.4.3 + * @function + * @name selectOuterText + * @memberOf RangeHelper.prototype + */ + base.getOuterText = function (before, length) { + var range = base.cloneSelected(); + + if (!range) { + return ''; + } + + range.collapse(!before); + + return outerText(range, before, length).text; + }; + + /** + * Replaces keywords with values based on the current caret position + * + * @param {Array} keywords + * @param {boolean} includeAfter If to include the text after the + * current caret position or just + * text before + * @param {boolean} keywordsSorted If the keywords array is pre + * sorted shortest to longest + * @param {number} longestKeyword Length of the longest keyword + * @param {boolean} requireWhitespace If the key must be surrounded + * by whitespace + * @param {string} keypressChar If this is being called from + * a keypress event, this should be + * set to the pressed character + * @return {boolean} + * @function + * @name replaceKeyword + * @memberOf RangeHelper.prototype + */ + // eslint-disable-next-line max-params + base.replaceKeyword = function ( + keywords, + includeAfter, + keywordsSorted, + longestKeyword, + requireWhitespace, + keypressChar + ) { + if (!keywordsSorted) { + keywords.sort(function (a, b) { + return a[0].length - b[0].length; + }); + } + + var outerText, match, matchPos, startIndex, + leftLen, charsLeft, keyword, keywordLen, + whitespaceRegex = '(^|[\\s\xA0\u2002\u2003\u2009])', + keywordIdx = keywords.length, + whitespaceLen = requireWhitespace ? 1 : 0, + maxKeyLen = longestKeyword || + keywords[keywordIdx - 1][0].length; + + if (requireWhitespace) { + maxKeyLen++; + } + + keypressChar = keypressChar || ''; + outerText = base.getOuterText(true, maxKeyLen); + leftLen = outerText.length; + outerText += keypressChar; + + if (includeAfter) { + outerText += base.getOuterText(false, maxKeyLen); + } + + while (keywordIdx--) { + keyword = keywords[keywordIdx][0]; + keywordLen = keyword.length; + startIndex = Math.max(0, leftLen - keywordLen - whitespaceLen); + matchPos = -1; + + if (requireWhitespace) { + match = outerText + .substr(startIndex) + .match(new RegExp(whitespaceRegex + + regex(keyword) + whitespaceRegex)); + + if (match) { + // Add the length of the text that was removed by + // substr() and also add 1 for the whitespace + matchPos = match.index + startIndex + match[1].length; + } + } else { + matchPos = outerText.indexOf(keyword, startIndex); + } + + if (matchPos > -1) { + // Make sure the match is between before and + // after, not just entirely in one side or the other + if (matchPos <= leftLen && + matchPos + keywordLen + whitespaceLen >= leftLen) { + charsLeft = leftLen - matchPos; + + // If the keypress char is white space then it should + // not be replaced, only chars that are part of the + // key should be replaced. + base.selectOuterText( + charsLeft, + keywordLen - charsLeft - + (/^\S/.test(keypressChar) ? 1 : 0) + ); + + base.insertHTML(keywords[keywordIdx][1]); + return true; + } + } + } + + return false; + }; + + /** + * Compares two ranges. + * + * If rangeB is undefined it will be set to + * the current selected range + * + * @param {Range} rngA + * @param {Range} [rngB] + * @return {boolean} + * @function + * @name compare + * @memberOf RangeHelper.prototype + */ + base.compare = function (rngA, rngB) { + if (!rngB) { + rngB = base.selectedRange(); + } + + if (!rngA || !rngB) { + return !rngA && !rngB; + } + + return rngA.compareBoundaryPoints(Range.END_TO_END, rngB) === 0 && + rngA.compareBoundaryPoints(Range.START_TO_START, rngB) === 0; + }; + + /** + * Removes any current selection + * + * @since 1.4.6 + * @function + * @name clear + * @memberOf RangeHelper.prototype + */ + base.clear = function () { + var sel = win.getSelection(); + + if (sel) { + if (sel.removeAllRanges) { + sel.removeAllRanges(); + } else if (sel.empty) { + sel.empty(); + } + } + }; + } + + /** + * Checks all emoticons are surrounded by whitespace and + * replaces any that aren't with with their emoticon code. + * + * @param {HTMLElement} node + * @param {rangeHelper} rangeHelper + * @return {void} + */ + function checkWhitespace(node, rangeHelper) { + var noneWsRegex = /[^\s\xA0\u2002\u2003\u2009\u00a0]+/; + var emoticons = node && find(node, 'img[data-sceditor-emoticon]'); + + if (!node || !emoticons.length) { + return; + } + + for (var i = 0; i < emoticons.length; i++) { + var emoticon = emoticons[i]; + var parent$$1 = emoticon.parentNode; + var prev = emoticon.previousSibling; + var next = emoticon.nextSibling; + + if ((!prev || !noneWsRegex.test(prev.nodeValue.slice(-1))) && + (!next || !noneWsRegex.test((next.nodeValue || '')[0]))) { + continue; + } + + var range = rangeHelper.cloneSelected(); + var rangeStart = -1; + var rangeStartContainer = range.startContainer; + var previousText = prev.nodeValue; + + // For IE's HTMLPhraseElement + if (previousText === null) { + previousText = prev.innerText || ''; + } + + previousText += data(emoticon, 'sceditor-emoticon'); + + // If the cursor is after the removed emoticon, add + // the length of the newly added text to it + if (rangeStartContainer === next) { + rangeStart = previousText.length + range.startOffset; + } + + // If the cursor is set before the next node, set it to + // the end of the new text node + if (rangeStartContainer === node && + node.childNodes[range.startOffset] === next) { + rangeStart = previousText.length; + } + + // If the cursor is set before the removed emoticon, + // just keep it at that position + if (rangeStartContainer === prev) { + rangeStart = range.startOffset; + } + + if (!next || next.nodeType !== TEXT_NODE) { + next = parent$$1.insertBefore( + parent$$1.ownerDocument.createTextNode(''), next + ); + } + + next.insertData(0, previousText); + remove(prev); + remove(emoticon); + + // Need to update the range starting position if it's been modified + if (rangeStart > -1) { + range.setStart(next, rangeStart); + range.collapse(true); + rangeHelper.selectRange(range); + } + } + } + + /** + * Replaces any emoticons inside the root node with images. + * + * emoticons should be an object where the key is the emoticon + * code and the value is the HTML to replace it with. + * + * @param {HTMLElement} root + * @param {Object} emoticons + * @param {boolean} emoticonsCompat + * @return {void} + */ + function replace(root, emoticons, emoticonsCompat) { + var doc = root.ownerDocument; + var space = '(^|\\s|\xA0|\u2002|\u2003|\u2009|$)'; + var emoticonCodes = []; + var emoticonRegex = {}; + + // TODO: Make this tag configurable. + if (parent(root, 'code')) { + return; + } + + each(emoticons, function (key) { + emoticonRegex[key] = new RegExp(space + regex(key) + space); + emoticonCodes.push(key); + }); + + // Sort keys longest to shortest so that longer keys + // take precedence (avoids bugs with shorter keys partially + // matching longer ones) + emoticonCodes.sort(function (a, b) { + return b.length - a.length; + }); + + (function convert(node) { + node = node.firstChild; + + while (node) { + // TODO: Make this tag configurable. + if (node.nodeType === ELEMENT_NODE && !is(node, 'code')) { + convert(node); + } + + if (node.nodeType === TEXT_NODE) { + for (var i = 0; i < emoticonCodes.length; i++) { + var text = node.nodeValue; + var key = emoticonCodes[i]; + var index = emoticonsCompat ? + text.search(emoticonRegex[key]) : + text.indexOf(key); + + if (index > -1) { + // When emoticonsCompat is enabled this will be the + // position after any white space + var startIndex = text.indexOf(key, index); + var fragment = parseHTML(emoticons[key], doc); + var after = text.substr(startIndex + key.length); + + fragment.appendChild(doc.createTextNode(after)); + + node.nodeValue = text.substr(0, startIndex); + node.parentNode + .insertBefore(fragment, node.nextSibling); + } + } + } + + node = node.nextSibling; + } + }(root)); + } + + var globalWin = window; + var globalDoc = document; + + var IE_VER = ie; + + // In IE < 11 a BR at the end of a block level element + // causes a line break. In all other browsers it's collapsed. + var IE_BR_FIX$2 = IE_VER && IE_VER < 11; + + var IMAGE_MIME_REGEX = /^image\/(p?jpe?g|gif|png|bmp)$/i; + + /** + * Wrap inlines that are in the root in paragraphs. + * + * @param {HTMLBodyElement} body + * @param {Document} doc + * @private + */ + function wrapInlines(body, doc) { + var wrapper; + + traverse(body, function (node) { + if (isInline(node, true)) { + if (!wrapper) { + wrapper = createElement('p', {}, doc); + insertBefore(wrapper, node); + } + + if (node.nodeType !== TEXT_NODE || node.nodeValue !== '') { + appendChild(wrapper, node); + } + } else { + wrapper = null; + } + }, false, true); + } + + /** + * SCEditor - A lightweight WYSIWYG editor + * + * @param {HTMLTextAreaElement} original The textarea to be converted + * @param {Object} userOptions + * @class SCEditor + * @name SCEditor + */ + function SCEditor(original, userOptions) { + /** + * Alias of this + * + * @private + */ + var base = this; + + /** + * Editor format like BBCode or HTML + */ + var format; + + /** + * The div which contains the editor and toolbar + * + * @type {HTMLDivElement} + * @private + */ + var editorContainer; + + /** + * Map of events handlers bound to this instance. + * + * @type {Object} + * @private + */ + var eventHandlers = {}; + + /** + * The editors toolbar + * + * @type {HTMLDivElement} + * @private + */ + var toolbar; + + /** + * The editors iframe which should be in design mode + * + * @type {HTMLIFrameElement} + * @private + */ + var wysiwygEditor; + + /** + * The editors window + * + * @type {Window} + * @private + */ + var wysiwygWindow; + + /** + * The WYSIWYG editors body element + * + * @type {HTMLBodyElement} + * @private + */ + var wysiwygBody; + + /** + * The WYSIWYG editors document + * + * @type {Document} + * @private + */ + var wysiwygDocument; + + /** + * The editors textarea for viewing source + * + * @type {HTMLTextAreaElement} + * @private + */ + var sourceEditor; + + /** + * The current dropdown + * + * @type {HTMLDivElement} + * @private + */ + var dropdown; + + /** + * Store the last cursor position. Needed for IE because it forgets + * + * @type {Range} + * @private + */ + var lastRange; + + /** + * If the user is currently composing text via IME + * @type {boolean} + */ + var isComposing; + + /** + * Timer for valueChanged key handler + * @type {number} + */ + var valueChangedKeyUpTimer; + + /** + * The editors locale + * + * @private + */ + var locale; + + /** + * Stores a cache of preloaded images + * + * @private + * @type {Array.} + */ + var preLoadCache = []; + + /** + * The editors rangeHelper instance + * + * @type {RangeHelper} + * @private + */ + var rangeHelper; + + /** + * An array of button state handlers + * + * @type {Array.} + * @private + */ + var btnStateHandlers = []; + + /** + * Plugin manager instance + * + * @type {PluginManager} + * @private + */ + var pluginManager; + + /** + * The current node containing the selection/caret + * + * @type {Node} + * @private + */ + var currentNode; + + /** + * The first block level parent of the current node + * + * @type {node} + * @private + */ + var currentBlockNode; + + /** + * The current node selection/caret + * + * @type {Object} + * @private + */ + var currentSelection; + + /** + * Used to make sure only 1 selection changed + * check is called every 100ms. + * + * Helps improve performance as it is checked a lot. + * + * @type {boolean} + * @private + */ + var isSelectionCheckPending; + + /** + * If content is required (equivalent to the HTML5 required attribute) + * + * @type {boolean} + * @private + */ + var isRequired; + + /** + * The inline CSS style element. Will be undefined + * until css() is called for the first time. + * + * @type {HTMLStyleElement} + * @private + */ + var inlineCss; + + /** + * Object containing a list of shortcut handlers + * + * @type {Object} + * @private + */ + var shortcutHandlers = {}; + + /** + * The min and max heights that autoExpand should stay within + * + * @type {Object} + * @private + */ + var autoExpandBounds; + + /** + * Timeout for the autoExpand function to throttle calls + * + * @private + */ + var autoExpandThrottle; + + /** + * Cache of the current toolbar buttons + * + * @type {Object} + * @private + */ + var toolbarButtons = {}; + + /** + * Last scroll position before maximizing so + * it can be restored when finished. + * + * @type {number} + * @private + */ + var maximizeScrollPosition; + + /** + * Stores the contents while a paste is taking place. + * + * Needed to support browsers that lack clipboard API support. + * + * @type {?DocumentFragment} + * @private + */ + var pasteContentFragment; + + /** + * All the emoticons from dropdown, more and hidden combined + * and with the emoticons root set + * + * @type {!Object} + * @private + */ + var allEmoticons = {}; + + /** + * Current icon set if any + * + * @type {?Object} + * @private + */ + var icons; + + /** + * Private functions + * @private + */ + var init, + replaceEmoticons, + handleCommand, + saveRange, + initEditor, + initPlugins, + initLocale, + initToolBar, + initOptions, + initEvents, + initResize, + initEmoticons, + handlePasteEvt, + handlePasteData, + handleKeyDown, + handleBackSpace, + handleKeyPress, + handleFormReset, + handleMouseDown, + handleComposition, + handleEvent, + handleDocumentClick, + updateToolBar, + updateActiveButtons, + sourceEditorSelectedText, + appendNewLine, + checkSelectionChanged, + checkNodeChanged, + autofocus, + emoticonsKeyPress, + emoticonsCheckWhitespace, + currentStyledBlockNode, + triggerValueChanged, + valueChangedBlur, + valueChangedKeyUp, + autoUpdate, + autoExpand; + + /** + * All the commands supported by the editor + * @name commands + * @memberOf SCEditor.prototype + */ + base.commands = extend(true, {}, (userOptions.commands || defaultCmds)); + + /** + * Options for this editor instance + * @name opts + * @memberOf SCEditor.prototype + */ + var options = base.opts = extend( + true, {}, defaultOptions, userOptions + ); + + // Don't deep extend emoticons (fixes #565) + base.opts.emoticons = userOptions.emoticons || defaultOptions.emoticons; + + /** + * Creates the editor iframe and textarea + * @private + */ + init = function () { + original._sceditor = base; + + // Load locale + if (options.locale && options.locale !== 'en') { + initLocale(); + } + + editorContainer = createElement('div', { + className: 'sceditor-container' + }); + + insertBefore(editorContainer, original); + css(editorContainer, 'z-index', options.zIndex); + + // Add IE version to the container to allow IE specific CSS + // fixes without using CSS hacks or conditional comments + if (IE_VER) { + addClass(editorContainer, 'ie ie' + IE_VER); + } + + isRequired = original.required; + original.required = false; + + var FormatCtor = SCEditor.formats[options.format]; + format = FormatCtor ? new FormatCtor() : {}; + if ('init' in format) { + format.init.call(base); + } + + // create the editor + initPlugins(); + initEmoticons(); + initToolBar(); + initEditor(); + initOptions(); + initEvents(); + + // force into source mode if is a browser that can't handle + // full editing + if (!isWysiwygSupported) { + base.toggleSourceMode(); + } + + updateActiveButtons(); + + var loaded = function () { + off(globalWin, 'load', loaded); + + if (options.autofocus) { + autofocus(); + } + + autoExpand(); + appendNewLine(); + // TODO: use editor doc and window? + pluginManager.call('ready'); + if ('onReady' in format) { + format.onReady.call(base); + } + }; + on(globalWin, 'load', loaded); + if (globalDoc.readyState === 'complete') { + loaded(); + } + }; + + initPlugins = function () { + var plugins = options.plugins; + + plugins = plugins ? plugins.toString().split(',') : []; + pluginManager = new PluginManager(base); + + plugins.forEach(function (plugin) { + pluginManager.register(plugin.trim()); + }); + }; + + /** + * Init the locale variable with the specified locale if possible + * @private + * @return void + */ + initLocale = function () { + var lang; + + locale = SCEditor.locale[options.locale]; + + if (!locale) { + lang = options.locale.split('-'); + locale = SCEditor.locale[lang[0]]; + } + + // Locale DateTime format overrides any specified in the options + if (locale && locale.dateFormat) { + options.dateFormat = locale.dateFormat; + } + }; + + /** + * Creates the editor iframe and textarea + * @private + */ + initEditor = function () { + sourceEditor = createElement('textarea'); + wysiwygEditor = createElement('iframe', { + frameborder: 0, + allowfullscreen: true + }); + + /* This needs to be done right after they are created because, + * for any reason, the user may not want the value to be tinkered + * by any filters. + */ + if (options.startInSourceMode) { + addClass(editorContainer, 'sourceMode'); + hide(wysiwygEditor); + } else { + addClass(editorContainer, 'wysiwygMode'); + hide(sourceEditor); + } + + if (!options.spellcheck) { + attr(editorContainer, 'spellcheck', 'false'); + } + + if (globalWin.location.protocol === 'https:') { + // eslint-disable-next-line no-script-url + attr(wysiwygEditor, 'src', 'javascript:false'); + } + + // Add the editor to the container + appendChild(editorContainer, wysiwygEditor); + appendChild(editorContainer, sourceEditor); + + // TODO: make this optional somehow + base.dimensions( + options.width || width(original), + options.height || height(original) + ); + + // Add IE version class to the HTML element so can apply + // conditional styling without CSS hacks + var className = IE_VER ? 'ie ie' + IE_VER : ''; + // Add ios to HTML so can apply CSS fix to only it + className += ios ? ' ios' : ''; + + wysiwygDocument = wysiwygEditor.contentDocument; + wysiwygDocument.open(); + wysiwygDocument.write(_tmpl('html', { + attrs: ' class="' + className + '"', + spellcheck: options.spellcheck ? '' : 'spellcheck="false"', + charset: options.charset, + style: options.style + })); + wysiwygDocument.close(); + + wysiwygBody = wysiwygDocument.body; + wysiwygWindow = wysiwygEditor.contentWindow; + + base.readOnly(!!options.readOnly); + + // iframe overflow fix for iOS, also fixes an IE issue with the + // editor not getting focus when clicking inside + if (ios || edge || IE_VER) { + height(wysiwygBody, '100%'); + + if (!IE_VER) { + on(wysiwygBody, 'touchend', base.focus); + } + } + + var tabIndex = attr(original, 'tabindex'); + attr(sourceEditor, 'tabindex', tabIndex); + attr(wysiwygEditor, 'tabindex', tabIndex); + + rangeHelper = new RangeHelper(wysiwygWindow); + + // load any textarea value into the editor + hide(original); + base.val(original.value); + + var placeholder = options.placeholder || + attr(original, 'placeholder'); + + if (placeholder) { + sourceEditor.placeholder = placeholder; + attr(wysiwygBody, 'placeholder', placeholder); + } + }; + + /** + * Initialises options + * @private + */ + initOptions = function () { + // auto-update original textbox on blur if option set to true + if (options.autoUpdate) { + on(wysiwygBody, 'blur', autoUpdate); + on(sourceEditor, 'blur', autoUpdate); + } + + if (options.rtl === null) { + options.rtl = css(sourceEditor, 'direction') === 'rtl'; + } + + base.rtl(!!options.rtl); + + if (options.autoExpand) { + // Need to update when images (or anything else) loads + on(wysiwygBody, 'load', autoExpand, EVENT_CAPTURE); + on(wysiwygBody, 'input keyup', autoExpand); + } + + if (options.resizeEnabled) { + initResize(); + } + + attr(editorContainer, 'id', options.id); + base.emoticons(options.emoticonsEnabled); + }; + + /** + * Initialises events + * @private + */ + initEvents = function () { + var form = original.form; + var compositionEvents = 'compositionstart compositionend'; + var eventsToForward = 'keydown keyup keypress focus blur contextmenu'; + var checkSelectionEvents = 'onselectionchange' in wysiwygDocument ? + 'selectionchange' : + 'keyup focus blur contextmenu mouseup touchend click'; + + on(globalDoc, 'click', handleDocumentClick); + + if (form) { + on(form, 'reset', handleFormReset); + on(form, 'submit', base.updateOriginal, EVENT_CAPTURE); + } + + on(wysiwygBody, 'keypress', handleKeyPress); + on(wysiwygBody, 'keydown', handleKeyDown); + on(wysiwygBody, 'keydown', handleBackSpace); + on(wysiwygBody, 'keyup', appendNewLine); + on(wysiwygBody, 'blur', valueChangedBlur); + on(wysiwygBody, 'keyup', valueChangedKeyUp); + on(wysiwygBody, 'paste', handlePasteEvt); + on(wysiwygBody, compositionEvents, handleComposition); + on(wysiwygBody, checkSelectionEvents, checkSelectionChanged); + on(wysiwygBody, eventsToForward, handleEvent); + + if (options.emoticonsCompat && globalWin.getSelection) { + on(wysiwygBody, 'keyup', emoticonsCheckWhitespace); + } + + on(wysiwygBody, 'blur', function () { + if (!base.val()) { + addClass(wysiwygBody, 'placeholder'); + } + }); + + on(wysiwygBody, 'focus', function () { + removeClass(wysiwygBody, 'placeholder'); + }); + + on(sourceEditor, 'blur', valueChangedBlur); + on(sourceEditor, 'keyup', valueChangedKeyUp); + on(sourceEditor, 'keydown', handleKeyDown); + on(sourceEditor, compositionEvents, handleComposition); + on(sourceEditor, eventsToForward, handleEvent); + + on(wysiwygDocument, 'mousedown', handleMouseDown); + on(wysiwygDocument, checkSelectionEvents, checkSelectionChanged); + on(wysiwygDocument, 'beforedeactivate keyup mouseup', saveRange); + on(wysiwygDocument, 'keyup', appendNewLine); + on(wysiwygDocument, 'focus', function () { + lastRange = null; + }); + + on(editorContainer, 'selectionchanged', checkNodeChanged); + on(editorContainer, 'selectionchanged', updateActiveButtons); + // Custom events to forward + on( + editorContainer, + 'selectionchanged valuechanged nodechanged pasteraw paste', + handleEvent + ); + }; + + /** + * Creates the toolbar and appends it to the container + * @private + */ + initToolBar = function () { + var group, + commands = base.commands, + exclude = (options.toolbarExclude || '').split(','), + groups = options.toolbar.split('|'); + + toolbar = createElement('div', { + className: 'sceditor-toolbar', + unselectable: 'on' + }); + + if (options.icons in SCEditor.icons) { + icons = new SCEditor.icons[options.icons](); + } + + each(groups, function (_, menuItems) { + group = createElement('div', { + className: 'sceditor-group' + }); + + each(menuItems.split(','), function (_, commandName) { + var button, shortcut, + command = commands[commandName]; + + // The commandName must be a valid command and not excluded + if (!command || exclude.indexOf(commandName) > -1) { + return; + } + + shortcut = command.shortcut; + button = _tmpl('toolbarButton', { + name: commandName, + dispName: base._(command.name || + command.tooltip || commandName) + }, true).firstChild; + + if (icons && icons.create) { + var icon = icons.create(commandName); + if (icon) { + insertBefore(icons.create(commandName), + button.firstChild); + addClass(button, 'has-icon'); + } + } + + button._sceTxtMode = !!command.txtExec; + button._sceWysiwygMode = !!command.exec; + toggleClass(button, 'disabled', !command.exec); + on(button, 'click', function (e) { + if (!hasClass(button, 'disabled')) { + handleCommand(button, command); + } + + updateActiveButtons(); + e.preventDefault(); + }); + // Prevent editor losing focus when button clicked + on(button, 'mousedown', function (e) { + base.closeDropDown(); + e.preventDefault(); + }); + + if (command.tooltip) { + attr(button, 'title', + base._(command.tooltip) + + (shortcut ? ' (' + shortcut + ')' : '') + ); + } + + if (shortcut) { + base.addShortcut(shortcut, commandName); + } + + if (command.state) { + btnStateHandlers.push({ + name: commandName, + state: command.state + }); + // exec string commands can be passed to queryCommandState + } else if (isString(command.exec)) { + btnStateHandlers.push({ + name: commandName, + state: command.exec + }); + } + + appendChild(group, button); + toolbarButtons[commandName] = button; + }); + + // Exclude empty groups + if (group.firstChild) { + appendChild(toolbar, group); + } + }); + + // Append the toolbar to the toolbarContainer option if given + appendChild(options.toolbarContainer || editorContainer, toolbar); + }; + + /** + * Creates the resizer. + * @private + */ + initResize = function () { + var minHeight, maxHeight, minWidth, maxWidth, + mouseMoveFunc, mouseUpFunc, + grip = createElement('div', { + className: 'sceditor-grip' + }), + // Cover is used to cover the editor iframe so document + // still gets mouse move events + cover = createElement('div', { + className: 'sceditor-resize-cover' + }), + moveEvents = 'touchmove mousemove', + endEvents = 'touchcancel touchend mouseup', + startX = 0, + startY = 0, + newX = 0, + newY = 0, + startWidth = 0, + startHeight = 0, + origWidth = width(editorContainer), + origHeight = height(editorContainer), + isDragging = false, + rtl = base.rtl(); + + minHeight = options.resizeMinHeight || origHeight / 1.5; + maxHeight = options.resizeMaxHeight || origHeight * 2.5; + minWidth = options.resizeMinWidth || origWidth / 1.25; + maxWidth = options.resizeMaxWidth || origWidth * 1.25; + + mouseMoveFunc = function (e) { + // iOS uses window.event + if (e.type === 'touchmove') { + e = globalWin.event; + newX = e.changedTouches[0].pageX; + newY = e.changedTouches[0].pageY; + } else { + newX = e.pageX; + newY = e.pageY; + } + + var newHeight = startHeight + (newY - startY), + newWidth = rtl ? + startWidth - (newX - startX) : + startWidth + (newX - startX); + + if (maxWidth > 0 && newWidth > maxWidth) { + newWidth = maxWidth; + } + if (minWidth > 0 && newWidth < minWidth) { + newWidth = minWidth; + } + if (!options.resizeWidth) { + newWidth = false; + } + + if (maxHeight > 0 && newHeight > maxHeight) { + newHeight = maxHeight; + } + if (minHeight > 0 && newHeight < minHeight) { + newHeight = minHeight; + } + if (!options.resizeHeight) { + newHeight = false; + } + + if (newWidth || newHeight) { + base.dimensions(newWidth, newHeight); + } + + e.preventDefault(); + }; + + mouseUpFunc = function (e) { + if (!isDragging) { + return; + } + + isDragging = false; + + hide(cover); + removeClass(editorContainer, 'resizing'); + off(globalDoc, moveEvents, mouseMoveFunc); + off(globalDoc, endEvents, mouseUpFunc); + + e.preventDefault(); + }; + + if (icons && icons.create) { + var icon = icons.create('grip'); + if (icon) { + appendChild(grip, icon); + addClass(grip, 'has-icon'); + } + } + + appendChild(editorContainer, grip); + appendChild(editorContainer, cover); + hide(cover); + + on(grip, 'touchstart mousedown', function (e) { + // iOS uses window.event + if (e.type === 'touchstart') { + e = globalWin.event; + startX = e.touches[0].pageX; + startY = e.touches[0].pageY; + } else { + startX = e.pageX; + startY = e.pageY; + } + + startWidth = width(editorContainer); + startHeight = height(editorContainer); + isDragging = true; + + addClass(editorContainer, 'resizing'); + show(cover); + on(globalDoc, moveEvents, mouseMoveFunc); + on(globalDoc, endEvents, mouseUpFunc); + + e.preventDefault(); + }); + }; + + /** + * Prefixes and preloads the emoticon images + * @private + */ + initEmoticons = function () { + var emoticons = options.emoticons; + var root = options.emoticonsRoot || ''; + + if (emoticons) { + allEmoticons = extend( + {}, emoticons.more, emoticons.dropdown, emoticons.hidden + ); + } + + each(allEmoticons, function (key, url) { + allEmoticons[key] = _tmpl('emoticon', { + key: key, + // Prefix emoticon root to emoticon urls + url: root + (url.url || url), + tooltip: url.tooltip || key + }); + + // Preload the emoticon + if (options.emoticonsEnabled) { + preLoadCache.push(createElement('img', { + src: root + (url.url || url) + })); + } + }); + }; + + /** + * Autofocus the editor + * @private + */ + autofocus = function () { + var range, txtPos, + node = wysiwygBody.firstChild, + focusEnd = !!options.autofocusEnd; + + // Can't focus invisible elements + if (!isVisible(editorContainer)) { + return; + } + + if (base.sourceMode()) { + txtPos = focusEnd ? sourceEditor.value.length : 0; + + sourceEditor.setSelectionRange(txtPos, txtPos); + + return; + } + + removeWhiteSpace(wysiwygBody); + + if (focusEnd) { + if (!(node = wysiwygBody.lastChild)) { + node = createElement('p', {}, wysiwygDocument); + appendChild(wysiwygBody, node); + } + + while (node.lastChild) { + node = node.lastChild; + + // IE < 11 should place the cursor after the
    as + // it will show it as a newline. IE >= 11 and all + // other browsers should place the cursor before. + if (!IE_BR_FIX$2 && is(node, 'br') && node.previousSibling) { + node = node.previousSibling; + } + } + } + + range = wysiwygDocument.createRange(); + + if (!canHaveChildren(node)) { + range.setStartBefore(node); + + if (focusEnd) { + range.setStartAfter(node); + } + } else { + range.selectNodeContents(node); + } + + range.collapse(!focusEnd); + rangeHelper.selectRange(range); + currentSelection = range; + + if (focusEnd) { + wysiwygBody.scrollTop = wysiwygBody.scrollHeight; + } + + base.focus(); + }; + + /** + * Gets if the editor is read only + * + * @since 1.3.5 + * @function + * @memberOf SCEditor.prototype + * @name readOnly + * @return {boolean} + */ + /** + * Sets if the editor is read only + * + * @param {boolean} readOnly + * @since 1.3.5 + * @function + * @memberOf SCEditor.prototype + * @name readOnly^2 + * @return {this} + */ + base.readOnly = function (readOnly) { + if (typeof readOnly !== 'boolean') { + return !sourceEditor.readonly; + } + + wysiwygBody.contentEditable = !readOnly; + sourceEditor.readonly = !readOnly; + + updateToolBar(readOnly); + + return base; + }; + + /** + * Gets if the editor is in RTL mode + * + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name rtl + * @return {boolean} + */ + /** + * Sets if the editor is in RTL mode + * + * @param {boolean} rtl + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name rtl^2 + * @return {this} + */ + base.rtl = function (rtl) { + var dir = rtl ? 'rtl' : 'ltr'; + + if (typeof rtl !== 'boolean') { + return attr(sourceEditor, 'dir') === 'rtl'; + } + + attr(wysiwygBody, 'dir', dir); + attr(sourceEditor, 'dir', dir); + + removeClass(editorContainer, 'rtl'); + removeClass(editorContainer, 'ltr'); + addClass(editorContainer, dir); + + if (icons && icons.rtl) { + icons.rtl(rtl); + } + + return base; + }; + + /** + * Updates the toolbar to disable/enable the appropriate buttons + * @private + */ + updateToolBar = function (disable) { + var mode = base.inSourceMode() ? '_sceTxtMode' : '_sceWysiwygMode'; + + each(toolbarButtons, function (_, button) { + toggleClass(button, 'disabled', disable || !button[mode]); + }); + }; + + /** + * Gets the width of the editor in pixels + * + * @since 1.3.5 + * @function + * @memberOf SCEditor.prototype + * @name width + * @return {number} + */ + /** + * Sets the width of the editor + * + * @param {number} width Width in pixels + * @since 1.3.5 + * @function + * @memberOf SCEditor.prototype + * @name width^2 + * @return {this} + */ + /** + * Sets the width of the editor + * + * The saveWidth specifies if to save the width. The stored width can be + * used for things like restoring from maximized state. + * + * @param {number} width Width in pixels + * @param {boolean} [saveWidth=true] If to store the width + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name width^3 + * @return {this} + */ + base.width = function (width$$1, saveWidth) { + if (!width$$1 && width$$1 !== 0) { + return width(editorContainer); + } + + base.dimensions(width$$1, null, saveWidth); + + return base; + }; + + /** + * Returns an object with the properties width and height + * which are the width and height of the editor in px. + * + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name dimensions + * @return {object} + */ + /** + *

    Sets the width and/or height of the editor.

    + * + *

    If width or height is not numeric it is ignored.

    + * + * @param {number} width Width in px + * @param {number} height Height in px + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name dimensions^2 + * @return {this} + */ + /** + *

    Sets the width and/or height of the editor.

    + * + *

    If width or height is not numeric it is ignored.

    + * + *

    The save argument specifies if to save the new sizes. + * The saved sizes can be used for things like restoring from + * maximized state. This should normally be left as true.

    + * + * @param {number} width Width in px + * @param {number} height Height in px + * @param {boolean} [save=true] If to store the new sizes + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name dimensions^3 + * @return {this} + */ + base.dimensions = function (width$$1, height$$1, save) { + // set undefined width/height to boolean false + width$$1 = (!width$$1 && width$$1 !== 0) ? false : width$$1; + height$$1 = (!height$$1 && height$$1 !== 0) ? false : height$$1; + + if (width$$1 === false && height$$1 === false) { + return { width: base.width(), height: base.height() }; + } + + if (width$$1 !== false) { + if (save !== false) { + options.width = width$$1; + } + + width(editorContainer, width$$1); + } + + if (height$$1 !== false) { + if (save !== false) { + options.height = height$$1; + } + + height(editorContainer, height$$1); + } + + return base; + }; + + /** + * Gets the height of the editor in px + * + * @since 1.3.5 + * @function + * @memberOf SCEditor.prototype + * @name height + * @return {number} + */ + /** + * Sets the height of the editor + * + * @param {number} height Height in px + * @since 1.3.5 + * @function + * @memberOf SCEditor.prototype + * @name height^2 + * @return {this} + */ + /** + * Sets the height of the editor + * + * The saveHeight specifies if to save the height. + * + * The stored height can be used for things like + * restoring from maximized state. + * + * @param {number} height Height in px + * @param {boolean} [saveHeight=true] If to store the height + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name height^3 + * @return {this} + */ + base.height = function (height$$1, saveHeight) { + if (!height$$1 && height$$1 !== 0) { + return height(editorContainer); + } + + base.dimensions(null, height$$1, saveHeight); + + return base; + }; + + /** + * Gets if the editor is maximised or not + * + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name maximize + * @return {boolean} + */ + /** + * Sets if the editor is maximised or not + * + * @param {boolean} maximize If to maximise the editor + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name maximize^2 + * @return {this} + */ + base.maximize = function (maximize) { + var maximizeSize = 'sceditor-maximize'; + + if (isUndefined(maximize)) { + return hasClass(editorContainer, maximizeSize); + } + + maximize = !!maximize; + + if (maximize) { + maximizeScrollPosition = globalWin.pageYOffset; + } + + toggleClass(globalDoc.documentElement, maximizeSize, maximize); + toggleClass(globalDoc.body, maximizeSize, maximize); + toggleClass(editorContainer, maximizeSize, maximize); + base.width(maximize ? '100%' : options.width, false); + base.height(maximize ? '100%' : options.height, false); + + if (!maximize) { + globalWin.scrollTo(0, maximizeScrollPosition); + } + + autoExpand(); + + return base; + }; + + autoExpand = function () { + if (options.autoExpand && !autoExpandThrottle) { + autoExpandThrottle = setTimeout(base.expandToContent, 200); + } + }; + + /** + * Expands or shrinks the editors height to the height of it's content + * + * Unless ignoreMaxHeight is set to true it will not expand + * higher than the maxHeight option. + * + * @since 1.3.5 + * @param {boolean} [ignoreMaxHeight=false] + * @function + * @name expandToContent + * @memberOf SCEditor.prototype + * @see #resizeToContent + */ + base.expandToContent = function (ignoreMaxHeight) { + if (base.maximize()) { + return; + } + + clearTimeout(autoExpandThrottle); + autoExpandThrottle = false; + + if (!autoExpandBounds) { + var height$$1 = options.resizeMinHeight || options.height || + height(original); + + autoExpandBounds = { + min: height$$1, + max: options.resizeMaxHeight || (height$$1 * 2) + }; + } + + var range = globalDoc.createRange(); + range.selectNodeContents(wysiwygBody); + + var rect = range.getBoundingClientRect(); + var current = wysiwygDocument.documentElement.clientHeight - 1; + var spaceNeeded = rect.bottom - rect.top; + var newHeight = base.height() + 1 + (spaceNeeded - current); + + if (!ignoreMaxHeight && autoExpandBounds.max !== -1) { + newHeight = Math.min(newHeight, autoExpandBounds.max); + } + + base.height(Math.ceil(Math.max(newHeight, autoExpandBounds.min))); + }; + + /** + * Destroys the editor, removing all elements and + * event handlers. + * + * Leaves only the original textarea. + * + * @function + * @name destroy + * @memberOf SCEditor.prototype + */ + base.destroy = function () { + // Don't destroy if the editor has already been destroyed + if (!pluginManager) { + return; + } + + pluginManager.destroy(); + + rangeHelper = null; + lastRange = null; + pluginManager = null; + + if (dropdown) { + remove(dropdown); + } + + off(globalDoc, 'click', handleDocumentClick); + + // TODO: make off support null nodes? + var form = original.form; + if (form) { + off(form, 'reset', handleFormReset); + off(form, 'submit', base.updateOriginal); + } + + remove(sourceEditor); + remove(toolbar); + remove(editorContainer); + + delete original._sceditor; + show(original); + + original.required = isRequired; + }; + + + /** + * Creates a menu item drop down + * + * @param {HTMLElement} menuItem The button to align the dropdown with + * @param {string} name Used for styling the dropdown, will be + * a class sceditor-name + * @param {HTMLElement} content The HTML content of the dropdown + * @param {boolean} ieFix If to add the unselectable attribute + * to all the contents elements. Stops + * IE from deselecting the text in the + * editor + * @function + * @name createDropDown + * @memberOf SCEditor.prototype + */ + base.createDropDown = function (menuItem, name, content, ieFix) { + // first click for create second click for close + var dropDownCss, + dropDownClass = 'sceditor-' + name; + + // Will re-focus the editor. This is needed for IE + // as it has special logic to save/restore the selection + base.closeDropDown(true); + + // Only close the dropdown if it was already open + if (dropdown && hasClass(dropdown, dropDownClass)) { + return; + } + + // IE needs unselectable attr to stop it from + // unselecting the text in the editor. + // SCEditor can cope if IE does unselect the + // text it's just not nice. + if (ieFix !== false) { + each(find(content, ':not(input):not(textarea)'), + function (_, node) { + if (node.nodeType === ELEMENT_NODE) { + attr(node, 'unselectable', 'on'); + } + }); + } + + dropDownCss = extend({ + top: menuItem.offsetTop, + left: menuItem.offsetLeft, + marginTop: menuItem.clientHeight + }, options.dropDownCss); + + dropdown = createElement('div', { + className: 'sceditor-dropdown ' + dropDownClass + }); + + css(dropdown, dropDownCss); + appendChild(dropdown, content); + appendChild(editorContainer, dropdown); + on(dropdown, 'click focusin', function (e) { + // stop clicks within the dropdown from being handled + e.stopPropagation(); + }); + + // If try to focus the first input immediately IE will + // place the cursor at the start of the editor instead + // of focusing on the input. + setTimeout(function () { + if (dropdown) { + var first = find(dropdown, 'input,textarea')[0]; + if (first) { + first.focus(); + } + } + }); + }; + + /** + * Handles any document click and closes the dropdown if open + * @private + */ + handleDocumentClick = function (e) { + // ignore right clicks + if (e.which !== 3 && dropdown && !e.defaultPrevented) { + autoUpdate(); + + base.closeDropDown(); + } + }; + + /** + * Handles the WYSIWYG editors paste event + * @private + */ + handlePasteEvt = function (e) { + var isIeOrEdge = IE_VER || edge; + var editable = wysiwygBody; + var clipboard = e.clipboardData; + var loadImage = function (file) { + var reader = new FileReader(); + reader.onload = function (e) { + handlePasteData({ + html: '' + }); + }; + reader.readAsDataURL(file); + }; + + // Modern browsers with clipboard API - everything other than _very_ + // old android web views and UC browser which doesn't support the + // paste event at all. + if (clipboard && !isIeOrEdge) { + var data$$1 = {}; + var types = clipboard.types; + var items = clipboard.items; + + e.preventDefault(); + + for (var i = 0; i < types.length; i++) { + // Normalise image pasting to paste as a data-uri + if (globalWin.FileReader && items && + IMAGE_MIME_REGEX.test(items[i].type)) { + return loadImage(clipboard.items[i].getAsFile()); + } + + data$$1[types[i]] = clipboard.getData(types[i]); + } + // Call plugins here with file? + data$$1.text = data$$1['text/plain']; + data$$1.html = data$$1['text/html']; + + handlePasteData(data$$1); + // If contentsFragment exists then we are already waiting for a + // previous paste so let the handler for that handle this one too + } else if (!pasteContentFragment) { + // Save the scroll position so can be restored + // when contents is restored + var scrollTop = editable.scrollTop; + + rangeHelper.saveRange(); + + pasteContentFragment = globalDoc.createDocumentFragment(); + while (editable.firstChild) { + appendChild(pasteContentFragment, editable.firstChild); + } + + setTimeout(function () { + var html = editable.innerHTML; + + editable.innerHTML = ''; + appendChild(editable, pasteContentFragment); + editable.scrollTop = scrollTop; + pasteContentFragment = false; + + rangeHelper.restoreRange(); + + handlePasteData({ html: html }); + }, 0); + } + }; + + /** + * Gets the pasted data, filters it and then inserts it. + * @param {Object} data + * @private + */ + handlePasteData = function (data$$1) { + var pasteArea = createElement('div', {}, wysiwygDocument); + + pluginManager.call('pasteRaw', data$$1); + trigger(editorContainer, 'pasteraw', data$$1); + + if (data$$1.html) { + pasteArea.innerHTML = data$$1.html; + + // fix any invalid nesting + fixNesting(pasteArea); + } else { + pasteArea.innerHTML = entities(data$$1.text || ''); + } + + var paste = { + val: pasteArea.innerHTML + }; + + if ('fragmentToSource' in format) { + paste.val = format + .fragmentToSource(paste.val, wysiwygDocument, currentNode); + } + + pluginManager.call('paste', paste); + trigger(editorContainer, 'paste', paste); + + if ('fragmentToHtml' in format) { + paste.val = format + .fragmentToHtml(paste.val, currentNode); + } + + pluginManager.call('pasteHtml', paste); + + base.wysiwygEditorInsertHtml(paste.val, null, true); + }; + + /** + * Closes any currently open drop down + * + * @param {boolean} [focus=false] If to focus the editor + * after closing the drop down + * @function + * @name closeDropDown + * @memberOf SCEditor.prototype + */ + base.closeDropDown = function (focus) { + if (dropdown) { + remove(dropdown); + dropdown = null; + } + + if (focus === true) { + base.focus(); + } + }; + + + /** + * Inserts HTML into WYSIWYG editor. + * + * If endHtml is specified, any selected text will be placed + * between html and endHtml. If there is no selected text html + * and endHtml will just be concatenate together. + * + * @param {string} html + * @param {string} [endHtml=null] + * @param {boolean} [overrideCodeBlocking=false] If to insert the html + * into code tags, by + * default code tags only + * support text. + * @function + * @name wysiwygEditorInsertHtml + * @memberOf SCEditor.prototype + */ + base.wysiwygEditorInsertHtml = function ( + html, endHtml, overrideCodeBlocking + ) { + var marker, scrollTop, scrollTo, + editorHeight = height(wysiwygEditor); + + base.focus(); + + // TODO: This code tag should be configurable and + // should maybe convert the HTML into text instead + // Don't apply to code elements + if (!overrideCodeBlocking && closest(currentBlockNode, 'code')) { + return; + } + + // Insert the HTML and save the range so the editor can be scrolled + // to the end of the selection. Also allows emoticons to be replaced + // without affecting the cursor position + rangeHelper.insertHTML(html, endHtml); + rangeHelper.saveRange(); + replaceEmoticons(); + + // Scroll the editor after the end of the selection + marker = find(wysiwygBody, '#sceditor-end-marker')[0]; + show(marker); + scrollTop = wysiwygBody.scrollTop; + scrollTo = (getOffset(marker).top + + (marker.offsetHeight * 1.5)) - editorHeight; + hide(marker); + + // Only scroll if marker isn't already visible + if (scrollTo > scrollTop || scrollTo + editorHeight < scrollTop) { + wysiwygBody.scrollTop = scrollTo; + } + + triggerValueChanged(false); + rangeHelper.restoreRange(); + + // Add a new line after the last block element + // so can always add text after it + appendNewLine(); + }; + + /** + * Like wysiwygEditorInsertHtml except it will convert any HTML + * into text before inserting it. + * + * @param {string} text + * @param {string} [endText=null] + * @function + * @name wysiwygEditorInsertText + * @memberOf SCEditor.prototype + */ + base.wysiwygEditorInsertText = function (text, endText) { + base.wysiwygEditorInsertHtml( + entities(text), entities(endText) + ); + }; + + /** + * Inserts text into the WYSIWYG or source editor depending on which + * mode the editor is in. + * + * If endText is specified any selected text will be placed between + * text and endText. If no text is selected text and endText will + * just be concatenate together. + * + * @param {string} text + * @param {string} [endText=null] + * @since 1.3.5 + * @function + * @name insertText + * @memberOf SCEditor.prototype + */ + base.insertText = function (text, endText) { + if (base.inSourceMode()) { + base.sourceEditorInsertText(text, endText); + } else { + base.wysiwygEditorInsertText(text, endText); + } + + return base; + }; + + /** + * Like wysiwygEditorInsertHtml but inserts text into the + * source mode editor instead. + * + * If endText is specified any selected text will be placed between + * text and endText. If no text is selected text and endText will + * just be concatenate together. + * + * The cursor will be placed after the text param. If endText is + * specified the cursor will be placed before endText, so passing:
    + * + * '[b]', '[/b]' + * + * Would cause the cursor to be placed:
    + * + * [b]Selected text|[/b] + * + * @param {string} text + * @param {string} [endText=null] + * @since 1.4.0 + * @function + * @name sourceEditorInsertText + * @memberOf SCEditor.prototype + */ + base.sourceEditorInsertText = function (text, endText) { + var scrollTop, currentValue, + startPos = sourceEditor.selectionStart, + endPos = sourceEditor.selectionEnd; + + scrollTop = sourceEditor.scrollTop; + sourceEditor.focus(); + currentValue = sourceEditor.value; + + if (endText) { + text += currentValue.substring(startPos, endPos) + endText; + } + + sourceEditor.value = currentValue.substring(0, startPos) + + text + + currentValue.substring(endPos, currentValue.length); + + sourceEditor.selectionStart = (startPos + text.length) - + (endText ? endText.length : 0); + sourceEditor.selectionEnd = sourceEditor.selectionStart; + + sourceEditor.scrollTop = scrollTop; + sourceEditor.focus(); + + triggerValueChanged(); + }; + + /** + * Gets the current instance of the rangeHelper class + * for the editor. + * + * @return {RangeHelper} + * @function + * @name getRangeHelper + * @memberOf SCEditor.prototype + */ + base.getRangeHelper = function () { + return rangeHelper; + }; + + /** + * Gets or sets the source editor caret position. + * + * @param {Object} [position] + * @return {this} + * @function + * @since 1.4.5 + * @name sourceEditorCaret + * @memberOf SCEditor.prototype + */ + base.sourceEditorCaret = function (position) { + sourceEditor.focus(); + + if (position) { + sourceEditor.selectionStart = position.start; + sourceEditor.selectionEnd = position.end; + + return this; + } + + return { + start: sourceEditor.selectionStart, + end: sourceEditor.selectionEnd + }; + }; + + /** + * Gets the value of the editor. + * + * If the editor is in WYSIWYG mode it will return the filtered + * HTML from it (converted to BBCode if using the BBCode plugin). + * It it's in Source Mode it will return the unfiltered contents + * of the source editor (if using the BBCode plugin this will be + * BBCode again). + * + * @since 1.3.5 + * @return {string} + * @function + * @name val + * @memberOf SCEditor.prototype + */ + /** + * Sets the value of the editor. + * + * If filter set true the val will be passed through the filter + * function. If using the BBCode plugin it will pass the val to + * the BBCode filter to convert any BBCode into HTML. + * + * @param {string} val + * @param {boolean} [filter=true] + * @return {this} + * @since 1.3.5 + * @function + * @name val^2 + * @memberOf SCEditor.prototype + */ + base.val = function (val, filter) { + if (!isString(val)) { + return base.inSourceMode() ? + base.getSourceEditorValue(false) : + base.getWysiwygEditorValue(filter); + } + + if (!base.inSourceMode()) { + if (filter !== false && 'toHtml' in format) { + val = format.toHtml(val); + } + + base.setWysiwygEditorValue(val); + } else { + base.setSourceEditorValue(val); + } + + return base; + }; + + /** + * Inserts HTML/BBCode into the editor + * + * If end is supplied any selected text will be placed between + * start and end. If there is no selected text start and end + * will be concatenate together. + * + * If the filter param is set to true, the HTML/BBCode will be + * passed through any plugin filters. If using the BBCode plugin + * this will convert any BBCode into HTML. + * + * @param {string} start + * @param {string} [end=null] + * @param {boolean} [filter=true] + * @param {boolean} [convertEmoticons=true] If to convert emoticons + * @return {this} + * @since 1.3.5 + * @function + * @name insert + * @memberOf SCEditor.prototype + */ + /** + * Inserts HTML/BBCode into the editor + * + * If end is supplied any selected text will be placed between + * start and end. If there is no selected text start and end + * will be concatenate together. + * + * If the filter param is set to true, the HTML/BBCode will be + * passed through any plugin filters. If using the BBCode plugin + * this will convert any BBCode into HTML. + * + * If the allowMixed param is set to true, HTML any will not be + * escaped + * + * @param {string} start + * @param {string} [end=null] + * @param {boolean} [filter=true] + * @param {boolean} [convertEmoticons=true] If to convert emoticons + * @param {boolean} [allowMixed=false] + * @return {this} + * @since 1.4.3 + * @function + * @name insert^2 + * @memberOf SCEditor.prototype + */ + // eslint-disable-next-line max-params + base.insert = function ( + start, end, filter, convertEmoticons, allowMixed + ) { + if (base.inSourceMode()) { + base.sourceEditorInsertText(start, end); + return base; + } + + // Add the selection between start and end + if (end) { + var html = rangeHelper.selectedHtml(); + + if (filter !== false && 'fragmentToSource' in format) { + html = format + .fragmentToSource(html, wysiwygDocument, currentNode); + } + + start += html + end; + } + // TODO: This filter should allow empty tags as it's inserting. + if (filter !== false && 'fragmentToHtml' in format) { + start = format.fragmentToHtml(start, currentNode); + } + + // Convert any escaped HTML back into HTML if mixed is allowed + if (filter !== false && allowMixed === true) { + start = start.replace(/</g, '<') + .replace(/>/g, '>') + .replace(/&/g, '&'); + } + + base.wysiwygEditorInsertHtml(start); + + return base; + }; + + /** + * Gets the WYSIWYG editors HTML value. + * + * If using a plugin that filters the Ht Ml like the BBCode plugin + * it will return the result of the filtering (BBCode) unless the + * filter param is set to false. + * + * @param {boolean} [filter=true] + * @return {string} + * @function + * @name getWysiwygEditorValue + * @memberOf SCEditor.prototype + */ + base.getWysiwygEditorValue = function (filter) { + var html; + // Create a tmp node to store contents so it can be modified + // without affecting anything else. + var tmp = createElement('div', {}, wysiwygDocument); + var childNodes = wysiwygBody.childNodes; + + for (var i = 0; i < childNodes.length; i++) { + appendChild(tmp, childNodes[i].cloneNode(true)); + } + + appendChild(wysiwygBody, tmp); + fixNesting(tmp); + remove(tmp); + + html = tmp.innerHTML; + + // filter the HTML and DOM through any plugins + if (filter !== false && format.hasOwnProperty('toSource')) { + html = format.toSource(html, wysiwygDocument); + } + + return html; + }; + + /** + * Gets the WYSIWYG editor's iFrame Body. + * + * @return {HTMLElement} + * @function + * @since 1.4.3 + * @name getBody + * @memberOf SCEditor.prototype + */ + base.getBody = function () { + return wysiwygBody; + }; + + /** + * Gets the WYSIWYG editors container area (whole iFrame). + * + * @return {HTMLElement} + * @function + * @since 1.4.3 + * @name getContentAreaContainer + * @memberOf SCEditor.prototype + */ + base.getContentAreaContainer = function () { + return wysiwygEditor; + }; + + /** + * Gets the text editor value + * + * If using a plugin that filters the text like the BBCode plugin + * it will return the result of the filtering which is BBCode to + * HTML so it will return HTML. If filter is set to false it will + * just return the contents of the source editor (BBCode). + * + * @param {boolean} [filter=true] + * @return {string} + * @function + * @since 1.4.0 + * @name getSourceEditorValue + * @memberOf SCEditor.prototype + */ + base.getSourceEditorValue = function (filter) { + var val = sourceEditor.value; + + if (filter !== false && 'toHtml' in format) { + val = format.toHtml(val); + } + + return val; + }; + + /** + * Sets the WYSIWYG HTML editor value. Should only be the HTML + * contained within the body tags + * + * @param {string} value + * @function + * @name setWysiwygEditorValue + * @memberOf SCEditor.prototype + */ + base.setWysiwygEditorValue = function (value) { + if (!value) { + value = '

    ' + (IE_VER ? '' : '
    ') + '

    '; + } + + wysiwygBody.innerHTML = value; + replaceEmoticons(); + + appendNewLine(); + triggerValueChanged(); + autoExpand(); + }; + + /** + * Sets the text editor value + * + * @param {string} value + * @function + * @name setSourceEditorValue + * @memberOf SCEditor.prototype + */ + base.setSourceEditorValue = function (value) { + sourceEditor.value = value; + + triggerValueChanged(); + }; + + /** + * Updates the textarea that the editor is replacing + * with the value currently inside the editor. + * + * @function + * @name updateOriginal + * @since 1.4.0 + * @memberOf SCEditor.prototype + */ + base.updateOriginal = function () { + original.value = base.val(); + }; + + /** + * Replaces any emoticon codes in the passed HTML + * with their emoticon images + * @private + */ + replaceEmoticons = function () { + if (options.emoticonsEnabled) { + replace(wysiwygBody, allEmoticons, options.emoticonsCompat); + } + }; + + /** + * If the editor is in source code mode + * + * @return {boolean} + * @function + * @name inSourceMode + * @memberOf SCEditor.prototype + */ + base.inSourceMode = function () { + return hasClass(editorContainer, 'sourceMode'); + }; + + /** + * Gets if the editor is in sourceMode + * + * @return boolean + * @function + * @name sourceMode + * @memberOf SCEditor.prototype + */ + /** + * Sets if the editor is in sourceMode + * + * @param {boolean} enable + * @return {this} + * @function + * @name sourceMode^2 + * @memberOf SCEditor.prototype + */ + base.sourceMode = function (enable) { + var inSourceMode = base.inSourceMode(); + + if (typeof enable !== 'boolean') { + return inSourceMode; + } + + if ((inSourceMode && !enable) || (!inSourceMode && enable)) { + base.toggleSourceMode(); + } + + return base; + }; + + /** + * Switches between the WYSIWYG and source modes + * + * @function + * @name toggleSourceMode + * @since 1.4.0 + * @memberOf SCEditor.prototype + */ + base.toggleSourceMode = function () { + var isInSourceMode = base.inSourceMode(); + + // don't allow switching to WYSIWYG if doesn't support it + if (!isWysiwygSupported && isInSourceMode) { + return; + } + + if (!isInSourceMode) { + rangeHelper.saveRange(); + rangeHelper.clear(); + } + + base.blur(); + + if (isInSourceMode) { + base.setWysiwygEditorValue(base.getSourceEditorValue()); + } else { + base.setSourceEditorValue(base.getWysiwygEditorValue()); + } + + lastRange = null; + toggle(sourceEditor); + toggle(wysiwygEditor); + + toggleClass(editorContainer, 'wysiwygMode', isInSourceMode); + toggleClass(editorContainer, 'sourceMode', !isInSourceMode); + + updateToolBar(); + updateActiveButtons(); + }; + + /** + * Gets the selected text of the source editor + * @return {string} + * @private + */ + sourceEditorSelectedText = function () { + sourceEditor.focus(); + + return sourceEditor.value.substring( + sourceEditor.selectionStart, + sourceEditor.selectionEnd + ); + }; + + /** + * Handles the passed command + * @private + */ + handleCommand = function (caller, cmd) { + // check if in text mode and handle text commands + if (base.inSourceMode()) { + if (cmd.txtExec) { + if (Array.isArray(cmd.txtExec)) { + base.sourceEditorInsertText.apply(base, cmd.txtExec); + } else { + cmd.txtExec.call(base, caller, sourceEditorSelectedText()); + } + } + } else if (cmd.exec) { + if (isFunction(cmd.exec)) { + cmd.exec.call(base, caller); + } else { + base.execCommand( + cmd.exec, + cmd.hasOwnProperty('execParam') ? cmd.execParam : null + ); + } + } + + }; + + /** + * Saves the current range. Needed for IE because it forgets + * where the cursor was and what was selected + * @private + */ + saveRange = function () { + /* this is only needed for IE */ + if (IE_VER) { + lastRange = rangeHelper.selectedRange(); + } + }; + + /** + * Executes a command on the WYSIWYG editor + * + * @param {string} command + * @param {String|Boolean} [param] + * @function + * @name execCommand + * @memberOf SCEditor.prototype + */ + base.execCommand = function (command, param) { + var executed = false, + commandObj = base.commands[command]; + + base.focus(); + + // TODO: make configurable + // don't apply any commands to code elements + if (closest(rangeHelper.parentNode(), 'code')) { + return; + } + + try { + executed = wysiwygDocument.execCommand(command, false, param); + } catch (ex) { } + + // show error if execution failed and an error message exists + if (!executed && commandObj && commandObj.errorMessage) { + /*global alert:false*/ + alert(base._(commandObj.errorMessage)); + } + + updateActiveButtons(); + }; + + /** + * Checks if the current selection has changed and triggers + * the selectionchanged event if it has. + * + * In browsers other than IE, it will check at most once every 100ms. + * This is because only IE has a selection changed event. + * @private + */ + checkSelectionChanged = function () { + function check() { + // Don't create new selection if there isn't one (like after + // blur event in iOS) + if (wysiwygWindow.getSelection() && + wysiwygWindow.getSelection().rangeCount <= 0) { + currentSelection = null; + // rangeHelper could be null if editor was destroyed + // before the timeout had finished + } else if (rangeHelper && !rangeHelper.compare(currentSelection)) { + currentSelection = rangeHelper.cloneSelected(); + + // If the selection is in an inline wrap it in a block. + // Fixes #331 + if (currentSelection && currentSelection.collapsed) { + var parent$$1 = currentSelection.startContainer; + var offset = currentSelection.startOffset; + + // Handle if selection is placed before/after an element + if (offset && parent$$1.nodeType !== TEXT_NODE) { + parent$$1 = parent$$1.childNodes[offset]; + } + + while (parent$$1 && parent$$1.parentNode !== wysiwygBody) { + parent$$1 = parent$$1.parentNode; + } + + if (parent$$1 && isInline(parent$$1, true)) { + rangeHelper.saveRange(); + wrapInlines(wysiwygBody, wysiwygDocument); + rangeHelper.restoreRange(); + } + } + + trigger(editorContainer, 'selectionchanged'); + } + + isSelectionCheckPending = false; + } + + if (isSelectionCheckPending) { + return; + } + + isSelectionCheckPending = true; + + // Don't need to limit checking if browser supports the Selection API + if ('onselectionchange' in wysiwygDocument) { + check(); + } else { + setTimeout(check, 100); + } + }; + + /** + * Checks if the current node has changed and triggers + * the nodechanged event if it has + * @private + */ + checkNodeChanged = function () { + // check if node has changed + var oldNode, + node = rangeHelper.parentNode(); + + if (currentNode !== node) { + oldNode = currentNode; + currentNode = node; + currentBlockNode = rangeHelper.getFirstBlockParent(node); + + trigger(editorContainer, 'nodechanged', { + oldNode: oldNode, + newNode: currentNode + }); + } + }; + + /** + * Gets the current node that contains the selection/caret in + * WYSIWYG mode. + * + * Will be null in sourceMode or if there is no selection. + * + * @return {?Node} + * @function + * @name currentNode + * @memberOf SCEditor.prototype + */ + base.currentNode = function () { + return currentNode; + }; + + /** + * Gets the first block level node that contains the + * selection/caret in WYSIWYG mode. + * + * Will be null in sourceMode or if there is no selection. + * + * @return {?Node} + * @function + * @name currentBlockNode + * @memberOf SCEditor.prototype + * @since 1.4.4 + */ + base.currentBlockNode = function () { + return currentBlockNode; + }; + + /** + * Updates if buttons are active or not + * @private + */ + updateActiveButtons = function () { + var firstBlock, parent$$1; + var activeClass = 'active'; + var doc = wysiwygDocument; + var isSource = base.sourceMode(); + + if (base.readOnly()) { + each(find(toolbar, activeClass), function (_, menuItem) { + removeClass(menuItem, activeClass); + }); + return; + } + + if (!isSource) { + parent$$1 = rangeHelper.parentNode(); + firstBlock = rangeHelper.getFirstBlockParent(parent$$1); + } + + for (var j = 0; j < btnStateHandlers.length; j++) { + var state = 0; + var btn = toolbarButtons[btnStateHandlers[j].name]; + var stateFn = btnStateHandlers[j].state; + var isDisabled = (isSource && !btn._sceTxtMode) || + (!isSource && !btn._sceWysiwygMode); + + if (isString(stateFn)) { + if (!isSource) { + try { + state = doc.queryCommandEnabled(stateFn) ? 0 : -1; + + // eslint-disable-next-line max-depth + if (state > -1) { + state = doc.queryCommandState(stateFn) ? 1 : 0; + } + } catch (ex) {} + } + } else if (!isDisabled) { + state = stateFn.call(base, parent$$1, firstBlock); + } + + toggleClass(btn, 'disabled', isDisabled || state < 0); + toggleClass(btn, activeClass, state > 0); + } + + if (icons && icons.update) { + icons.update(isSource, parent$$1, firstBlock); + } + }; + + /** + * Handles any key press in the WYSIWYG editor + * + * @private + */ + handleKeyPress = function (e) { + // FF bug: https://bugzilla.mozilla.org/show_bug.cgi?id=501496 + if (e.defaultPrevented) { + return; + } + + base.closeDropDown(); + + // 13 = enter key + if (e.which === 13) { + var LIST_TAGS = 'li,ul,ol'; + + // "Fix" (cludge) for blocklevel elements being duplicated in some + // browsers when enter is pressed instead of inserting a newline + if (!is(currentBlockNode, LIST_TAGS) && + hasStyling(currentBlockNode)) { + lastRange = null; + + var br = createElement('br', {}, wysiwygDocument); + rangeHelper.insertNode(br); + + // Last
    of a block will be collapsed unless it is + // IE < 11 so need to make sure the
    that was inserted + // isn't the last node of a block. + if (!IE_BR_FIX$2) { + var parent$$1 = br.parentNode; + var lastChild = parent$$1.lastChild; + + // Sometimes an empty next node is created after the
    + if (lastChild && lastChild.nodeType === TEXT_NODE && + lastChild.nodeValue === '') { + remove(lastChild); + lastChild = parent$$1.lastChild; + } + + // If this is the last BR of a block and the previous + // sibling is inline then will need an extra BR. This + // is needed because the last BR of a block will be + // collapsed. Fixes issue #248 + if (!isInline(parent$$1, true) && lastChild === br && + isInline(br.previousSibling)) { + rangeHelper.insertHTML('
    '); + } + } + + e.preventDefault(); + } + } + }; + + /** + * Makes sure that if there is a code or quote tag at the + * end of the editor, that there is a new line after it. + * + * If there wasn't a new line at the end you wouldn't be able + * to enter any text after a code/quote tag + * @return {void} + * @private + */ + appendNewLine = function () { + // Check all nodes in reverse until either add a new line + // or reach a non-empty textnode or BR at which point can + // stop checking. + rTraverse(wysiwygBody, function (node) { + // Last block, add new line after if has styling + if (node.nodeType === ELEMENT_NODE && + !/inline/.test(css(node, 'display'))) { + + // Add line break after if has styling + if (!is(node, '.sceditor-nlf') && hasStyling(node)) { + var paragraph = createElement('p', {}, wysiwygDocument); + paragraph.className = 'sceditor-nlf'; + paragraph.innerHTML = !IE_BR_FIX$2 ? '
    ' : ''; + appendChild(wysiwygBody, paragraph); + return false; + } + } + + // Last non-empty text node or line break. + // No need to add line-break after them + if ((node.nodeType === 3 && !/^\s*$/.test(node.nodeValue)) || + is(node, 'br')) { + return false; + } + }); + }; + + /** + * Handles form reset event + * @private + */ + handleFormReset = function () { + base.val(original.value); + }; + + /** + * Handles any mousedown press in the WYSIWYG editor + * @private + */ + handleMouseDown = function () { + base.closeDropDown(); + lastRange = null; + }; + + /** + * Translates the string into the locale language. + * + * Replaces any {0}, {1}, {2}, ect. with the params provided. + * + * @param {string} str + * @param {...String} args + * @return {string} + * @function + * @name _ + * @memberOf SCEditor.prototype + */ + base._ = function () { + var undef, + args = arguments; + + if (locale && locale[args[0]]) { + args[0] = locale[args[0]]; + } + + return args[0].replace(/\{(\d+)\}/g, function (str, p1) { + return args[p1 - 0 + 1] !== undef ? + args[p1 - 0 + 1] : + '{' + p1 + '}'; + }); + }; + + /** + * Passes events on to any handlers + * @private + * @return void + */ + handleEvent = function (e) { + if (pluginManager) { + // Send event to all plugins + pluginManager.call(e.type + 'Event', e, base); + } + + // convert the event into a custom event to send + var name = (e.target === sourceEditor ? 'scesrc' : 'scewys') + e.type; + + if (eventHandlers[name]) { + eventHandlers[name].forEach(function (fn) { + fn.call(base, e); + }); + } + }; + + /** + * Binds a handler to the specified events + * + * This function only binds to a limited list of + * supported events. + * + * The supported events are: + * + * * keyup + * * keydown + * * Keypress + * * blur + * * focus + * * nodechanged - When the current node containing + * the selection changes in WYSIWYG mode + * * contextmenu + * * selectionchanged + * * valuechanged + * + * + * The events param should be a string containing the event(s) + * to bind this handler to. If multiple, they should be separated + * by spaces. + * + * @param {string} events + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude adding this handler + * to the WYSIWYG editor + * @param {boolean} excludeSource if to exclude adding this handler + * to the source editor + * @return {this} + * @function + * @name bind + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.bind = function (events, handler, excludeWysiwyg, excludeSource) { + events = events.split(' '); + + var i = events.length; + while (i--) { + if (isFunction(handler)) { + var wysEvent = 'scewys' + events[i]; + var srcEvent = 'scesrc' + events[i]; + // Use custom events to allow passing the instance as the + // 2nd argument. + // Also allows unbinding without unbinding the editors own + // event handlers. + if (!excludeWysiwyg) { + eventHandlers[wysEvent] = eventHandlers[wysEvent] || []; + eventHandlers[wysEvent].push(handler); + } + + if (!excludeSource) { + eventHandlers[srcEvent] = eventHandlers[srcEvent] || []; + eventHandlers[srcEvent].push(handler); + } + + // Start sending value changed events + if (events[i] === 'valuechanged') { + triggerValueChanged.hasHandler = true; + } + } + } + + return base; + }; + + /** + * Unbinds an event that was bound using bind(). + * + * @param {string} events + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude unbinding this + * handler from the WYSIWYG editor + * @param {boolean} excludeSource if to exclude unbinding this + * handler from the source editor + * @return {this} + * @function + * @name unbind + * @memberOf SCEditor.prototype + * @since 1.4.1 + * @see bind + */ + base.unbind = function (events, handler, excludeWysiwyg, excludeSource) { + events = events.split(' '); + + var i = events.length; + while (i--) { + if (isFunction(handler)) { + if (!excludeWysiwyg) { + arrayRemove( + eventHandlers['scewys' + events[i]] || [], handler); + } + + if (!excludeSource) { + arrayRemove( + eventHandlers['scesrc' + events[i]] || [], handler); + } + } + } + + return base; + }; + + /** + * Blurs the editors input area + * + * @return {this} + * @function + * @name blur + * @memberOf SCEditor.prototype + * @since 1.3.6 + */ + /** + * Adds a handler to the editors blur event + * + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude adding this handler + * to the WYSIWYG editor + * @param {boolean} excludeSource if to exclude adding this handler + * to the source editor + * @return {this} + * @function + * @name blur^2 + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.blur = function (handler, excludeWysiwyg, excludeSource) { + if (isFunction(handler)) { + base.bind('blur', handler, excludeWysiwyg, excludeSource); + } else if (!base.sourceMode()) { + wysiwygBody.blur(); + } else { + sourceEditor.blur(); + } + + return base; + }; + + /** + * Focuses the editors input area + * + * @return {this} + * @function + * @name focus + * @memberOf SCEditor.prototype + */ + /** + * Adds an event handler to the focus event + * + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude adding this handler + * to the WYSIWYG editor + * @param {boolean} excludeSource if to exclude adding this handler + * to the source editor + * @return {this} + * @function + * @name focus^2 + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.focus = function (handler, excludeWysiwyg, excludeSource) { + if (isFunction(handler)) { + base.bind('focus', handler, excludeWysiwyg, excludeSource); + } else if (!base.inSourceMode()) { + // Already has focus so do nothing + if (find(wysiwygDocument, ':focus').length) { + return; + } + + var container; + var rng = rangeHelper.selectedRange(); + + // Fix FF bug where it shows the cursor in the wrong place + // if the editor hasn't had focus before. See issue #393 + if (!currentSelection) { + autofocus(); + } + + // Check if cursor is set after a BR when the BR is the only + // child of the parent. In Firefox this causes a line break + // to occur when something is typed. See issue #321 + if (!IE_BR_FIX$2 && rng && rng.endOffset === 1 && rng.collapsed) { + container = rng.endContainer; + + if (container && container.childNodes.length === 1 && + is(container.firstChild, 'br')) { + rng.setStartBefore(container.firstChild); + rng.collapse(true); + rangeHelper.selectRange(rng); + } + } + + wysiwygWindow.focus(); + wysiwygBody.focus(); + + // Needed for IE + if (lastRange) { + rangeHelper.selectRange(lastRange); + + // Remove the stored range after being set. + // If the editor loses focus it should be saved again. + lastRange = null; + } + } else { + sourceEditor.focus(); + } + + updateActiveButtons(); + + return base; + }; + + /** + * Adds a handler to the key down event + * + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude adding this handler + * to the WYSIWYG editor + * @param {boolean} excludeSource If to exclude adding this handler + * to the source editor + * @return {this} + * @function + * @name keyDown + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.keyDown = function (handler, excludeWysiwyg, excludeSource) { + return base.bind('keydown', handler, excludeWysiwyg, excludeSource); + }; + + /** + * Adds a handler to the key press event + * + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude adding this handler + * to the WYSIWYG editor + * @param {boolean} excludeSource If to exclude adding this handler + * to the source editor + * @return {this} + * @function + * @name keyPress + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.keyPress = function (handler, excludeWysiwyg, excludeSource) { + return base + .bind('keypress', handler, excludeWysiwyg, excludeSource); + }; + + /** + * Adds a handler to the key up event + * + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude adding this handler + * to the WYSIWYG editor + * @param {boolean} excludeSource If to exclude adding this handler + * to the source editor + * @return {this} + * @function + * @name keyUp + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.keyUp = function (handler, excludeWysiwyg, excludeSource) { + return base.bind('keyup', handler, excludeWysiwyg, excludeSource); + }; + + /** + * Adds a handler to the node changed event. + * + * Happens whenever the node containing the selection/caret + * changes in WYSIWYG mode. + * + * @param {Function} handler + * @return {this} + * @function + * @name nodeChanged + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.nodeChanged = function (handler) { + return base.bind('nodechanged', handler, false, true); + }; + + /** + * Adds a handler to the selection changed event + * + * Happens whenever the selection changes in WYSIWYG mode. + * + * @param {Function} handler + * @return {this} + * @function + * @name selectionChanged + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.selectionChanged = function (handler) { + return base.bind('selectionchanged', handler, false, true); + }; + + /** + * Adds a handler to the value changed event + * + * Happens whenever the current editor value changes. + * + * Whenever anything is inserted, the value changed or + * 1.5 secs after text is typed. If a space is typed it will + * cause the event to be triggered immediately instead of + * after 1.5 seconds + * + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude adding this handler + * to the WYSIWYG editor + * @param {boolean} excludeSource If to exclude adding this handler + * to the source editor + * @return {this} + * @function + * @name valueChanged + * @memberOf SCEditor.prototype + * @since 1.4.5 + */ + base.valueChanged = function (handler, excludeWysiwyg, excludeSource) { + return base + .bind('valuechanged', handler, excludeWysiwyg, excludeSource); + }; + + /** + * Emoticons keypress handler + * @private + */ + emoticonsKeyPress = function (e) { + var replacedEmoticon, + cachePos = 0, + emoticonsCache = base.emoticonsCache, + curChar = String.fromCharCode(e.which); + + // TODO: Make configurable + if (closest(currentBlockNode, 'code')) { + return; + } + + if (!emoticonsCache) { + emoticonsCache = []; + + each(allEmoticons, function (key, html) { + emoticonsCache[cachePos++] = [key, html]; + }); + + emoticonsCache.sort(function (a, b) { + return a[0].length - b[0].length; + }); + + base.emoticonsCache = emoticonsCache; + base.longestEmoticonCode = + emoticonsCache[emoticonsCache.length - 1][0].length; + } + + replacedEmoticon = rangeHelper.replaceKeyword( + base.emoticonsCache, + true, + true, + base.longestEmoticonCode, + options.emoticonsCompat, + curChar + ); + + if (replacedEmoticon) { + if (!options.emoticonsCompat || !/^\s$/.test(curChar)) { + e.preventDefault(); + } + } + }; + + /** + * Makes sure emoticons are surrounded by whitespace + * @private + */ + emoticonsCheckWhitespace = function () { + checkWhitespace(currentBlockNode, rangeHelper); + }; + + /** + * Gets if emoticons are currently enabled + * @return {boolean} + * @function + * @name emoticons + * @memberOf SCEditor.prototype + * @since 1.4.2 + */ + /** + * Enables/disables emoticons + * + * @param {boolean} enable + * @return {this} + * @function + * @name emoticons^2 + * @memberOf SCEditor.prototype + * @since 1.4.2 + */ + base.emoticons = function (enable) { + if (!enable && enable !== false) { + return options.emoticonsEnabled; + } + + options.emoticonsEnabled = enable; + + if (enable) { + on(wysiwygBody, 'keypress', emoticonsKeyPress); + + if (!base.sourceMode()) { + rangeHelper.saveRange(); + + replaceEmoticons(); + triggerValueChanged(false); + + rangeHelper.restoreRange(); + } + } else { + var emoticons = + find(wysiwygBody, 'img[data-sceditor-emoticon]'); + + each(emoticons, function (_, img) { + var text = data(img, 'sceditor-emoticon'); + var textNode = wysiwygDocument.createTextNode(text); + img.parentNode.replaceChild(textNode, img); + }); + + off(wysiwygBody, 'keypress', emoticonsKeyPress); + + triggerValueChanged(); + } + + return base; + }; + + /** + * Gets the current WYSIWYG editors inline CSS + * + * @return {string} + * @function + * @name css + * @memberOf SCEditor.prototype + * @since 1.4.3 + */ + /** + * Sets inline CSS for the WYSIWYG editor + * + * @param {string} css + * @return {this} + * @function + * @name css^2 + * @memberOf SCEditor.prototype + * @since 1.4.3 + */ + base.css = function (css$$1) { + if (!inlineCss) { + inlineCss = createElement('style', { + id: 'inline' + }, wysiwygDocument); + + appendChild(wysiwygDocument.head, inlineCss); + } + + if (!isString(css$$1)) { + return inlineCss.styleSheet ? + inlineCss.styleSheet.cssText : inlineCss.innerHTML; + } + + if (inlineCss.styleSheet) { + inlineCss.styleSheet.cssText = css$$1; + } else { + inlineCss.innerHTML = css$$1; + } + + return base; + }; + + /** + * Handles the keydown event, used for shortcuts + * @private + */ + handleKeyDown = function (e) { + var shortcut = [], + SHIFT_KEYS = { + '`': '~', + '1': '!', + '2': '@', + '3': '#', + '4': '$', + '5': '%', + '6': '^', + '7': '&', + '8': '*', + '9': '(', + '0': ')', + '-': '_', + '=': '+', + ';': ': ', + '\'': '"', + ',': '<', + '.': '>', + '/': '?', + '\\': '|', + '[': '{', + ']': '}' + }, + SPECIAL_KEYS = { + 8: 'backspace', + 9: 'tab', + 13: 'enter', + 19: 'pause', + 20: 'capslock', + 27: 'esc', + 32: 'space', + 33: 'pageup', + 34: 'pagedown', + 35: 'end', + 36: 'home', + 37: 'left', + 38: 'up', + 39: 'right', + 40: 'down', + 45: 'insert', + 46: 'del', + 91: 'win', + 92: 'win', + 93: 'select', + 96: '0', + 97: '1', + 98: '2', + 99: '3', + 100: '4', + 101: '5', + 102: '6', + 103: '7', + 104: '8', + 105: '9', + 106: '*', + 107: '+', + 109: '-', + 110: '.', + 111: '/', + 112: 'f1', + 113: 'f2', + 114: 'f3', + 115: 'f4', + 116: 'f5', + 117: 'f6', + 118: 'f7', + 119: 'f8', + 120: 'f9', + 121: 'f10', + 122: 'f11', + 123: 'f12', + 144: 'numlock', + 145: 'scrolllock', + 186: ';', + 187: '=', + 188: ',', + 189: '-', + 190: '.', + 191: '/', + 192: '`', + 219: '[', + 220: '\\', + 221: ']', + 222: '\'' + }, + NUMPAD_SHIFT_KEYS = { + 109: '-', + 110: 'del', + 111: '/', + 96: '0', + 97: '1', + 98: '2', + 99: '3', + 100: '4', + 101: '5', + 102: '6', + 103: '7', + 104: '8', + 105: '9' + }, + which = e.which, + character = SPECIAL_KEYS[which] || + String.fromCharCode(which).toLowerCase(); + + if (e.ctrlKey || e.metaKey) { + shortcut.push('ctrl'); + } + + if (e.altKey) { + shortcut.push('alt'); + } + + if (e.shiftKey) { + shortcut.push('shift'); + + if (NUMPAD_SHIFT_KEYS[which]) { + character = NUMPAD_SHIFT_KEYS[which]; + } else if (SHIFT_KEYS[character]) { + character = SHIFT_KEYS[character]; + } + } + + // Shift is 16, ctrl is 17 and alt is 18 + if (character && (which < 16 || which > 18)) { + shortcut.push(character); + } + + shortcut = shortcut.join('+'); + if (shortcutHandlers[shortcut] && + shortcutHandlers[shortcut].call(base) === false) { + + e.stopPropagation(); + e.preventDefault(); + } + }; + + /** + * Adds a shortcut handler to the editor + * @param {string} shortcut + * @param {String|Function} cmd + * @return {sceditor} + */ + base.addShortcut = function (shortcut, cmd) { + shortcut = shortcut.toLowerCase(); + + if (isString(cmd)) { + shortcutHandlers[shortcut] = function () { + handleCommand(toolbarButtons[cmd], base.commands[cmd]); + + return false; + }; + } else { + shortcutHandlers[shortcut] = cmd; + } + + return base; + }; + + /** + * Removes a shortcut handler + * @param {string} shortcut + * @return {sceditor} + */ + base.removeShortcut = function (shortcut) { + delete shortcutHandlers[shortcut.toLowerCase()]; + + return base; + }; + + /** + * Handles the backspace key press + * + * Will remove block styling like quotes/code ect if at the start. + * @private + */ + handleBackSpace = function (e) { + var node, offset, range, parent$$1; + + // 8 is the backspace key + if (options.disableBlockRemove || e.which !== 8 || + !(range = rangeHelper.selectedRange())) { + return; + } + + node = range.startContainer; + offset = range.startOffset; + + if (offset !== 0 || !(parent$$1 = currentStyledBlockNode()) || + is(parent$$1, 'body')) { + return; + } + + while (node !== parent$$1) { + while (node.previousSibling) { + node = node.previousSibling; + + // Everything but empty text nodes before the cursor + // should prevent the style from being removed + if (node.nodeType !== TEXT_NODE || node.nodeValue) { + return; + } + } + + if (!(node = node.parentNode)) { + return; + } + } + + // The backspace was pressed at the start of + // the container so clear the style + base.clearBlockFormatting(parent$$1); + e.preventDefault(); + }; + + /** + * Gets the first styled block node that contains the cursor + * @return {HTMLElement} + */ + currentStyledBlockNode = function () { + var block = currentBlockNode; + + while (!hasStyling(block) || isInline(block, true)) { + if (!(block = block.parentNode) || is(block, 'body')) { + return; + } + } + + return block; + }; + + /** + * Clears the formatting of the passed block element. + * + * If block is false, if will clear the styling of the first + * block level element that contains the cursor. + * @param {HTMLElement} block + * @since 1.4.4 + */ + base.clearBlockFormatting = function (block) { + block = block || currentStyledBlockNode(); + + if (!block || is(block, 'body')) { + return base; + } + + rangeHelper.saveRange(); + + block.className = ''; + lastRange = null; + + attr(block, 'style', ''); + + if (!is(block, 'p,div,td')) { + convertElement(block, 'p'); + } + + rangeHelper.restoreRange(); + return base; + }; + + /** + * Triggers the valueChanged signal if there is + * a plugin that handles it. + * + * If rangeHelper.saveRange() has already been + * called, then saveRange should be set to false + * to prevent the range being saved twice. + * + * @since 1.4.5 + * @param {boolean} saveRange If to call rangeHelper.saveRange(). + * @private + */ + triggerValueChanged = function (saveRange) { + if (!pluginManager || + (!pluginManager.hasHandler('valuechangedEvent') && + !triggerValueChanged.hasHandler)) { + return; + } + + var currentHtml, + sourceMode = base.sourceMode(), + hasSelection = !sourceMode && rangeHelper.hasSelection(); + + // Composition end isn't guaranteed to fire but must have + // ended when triggerValueChanged() is called so reset it + isComposing = false; + + // Don't need to save the range if sceditor-start-marker + // is present as the range is already saved + saveRange = saveRange !== false && + !wysiwygDocument.getElementById('sceditor-start-marker'); + + // Clear any current timeout as it's now been triggered + if (valueChangedKeyUpTimer) { + clearTimeout(valueChangedKeyUpTimer); + valueChangedKeyUpTimer = false; + } + + if (hasSelection && saveRange) { + rangeHelper.saveRange(); + } + + currentHtml = sourceMode ? sourceEditor.value : wysiwygBody.innerHTML; + + // Only trigger if something has actually changed. + if (currentHtml !== triggerValueChanged.lastVal) { + triggerValueChanged.lastVal = currentHtml; + + trigger(editorContainer, 'valuechanged', { + rawValue: sourceMode ? base.val() : currentHtml + }); + } + + if (hasSelection && saveRange) { + rangeHelper.removeMarkers(); + } + }; + + /** + * Should be called whenever there is a blur event + * @private + */ + valueChangedBlur = function () { + if (valueChangedKeyUpTimer) { + triggerValueChanged(); + } + }; + + /** + * Should be called whenever there is a keypress event + * @param {Event} e The keypress event + * @private + */ + valueChangedKeyUp = function (e) { + var which = e.which, + lastChar = valueChangedKeyUp.lastChar, + lastWasSpace = (lastChar === 13 || lastChar === 32), + lastWasDelete = (lastChar === 8 || lastChar === 46); + + valueChangedKeyUp.lastChar = which; + + if (isComposing) { + return; + } + + // 13 = return & 32 = space + if (which === 13 || which === 32) { + if (!lastWasSpace) { + triggerValueChanged(); + } else { + valueChangedKeyUp.triggerNext = true; + } + // 8 = backspace & 46 = del + } else if (which === 8 || which === 46) { + if (!lastWasDelete) { + triggerValueChanged(); + } else { + valueChangedKeyUp.triggerNext = true; + } + } else if (valueChangedKeyUp.triggerNext) { + triggerValueChanged(); + valueChangedKeyUp.triggerNext = false; + } + + // Clear the previous timeout and set a new one. + clearTimeout(valueChangedKeyUpTimer); + + // Trigger the event 1.5s after the last keypress if space + // isn't pressed. This might need to be lowered, will need + // to look into what the slowest average Chars Per Min is. + valueChangedKeyUpTimer = setTimeout(function () { + if (!isComposing) { + triggerValueChanged(); + } + }, 1500); + }; + + handleComposition = function (e) { + isComposing = /start/i.test(e.type); + + if (!isComposing) { + triggerValueChanged(); + } + }; + + autoUpdate = function () { + base.updateOriginal(); + }; + + // run the initializer + init(); + } + + + /** + * Map containing the loaded SCEditor locales + * @type {Object} + * @name locale + * @memberOf sceditor + */ + SCEditor.locale = {}; + + SCEditor.formats = {}; + SCEditor.icons = {}; + + + /** + * Static command helper class + * @class command + * @name sceditor.command + */ + SCEditor.command = + /** @lends sceditor.command */ + { + /** + * Gets a command + * + * @param {string} name + * @return {Object|null} + * @since v1.3.5 + */ + get: function (name) { + return defaultCmds[name] || null; + }, + + /** + *

    Adds a command to the editor or updates an existing + * command if a command with the specified name already exists.

    + * + *

    Once a command is add it can be included in the toolbar by + * adding it's name to the toolbar option in the constructor. It + * can also be executed manually by calling + * {@link sceditor.execCommand}

    + * + * @example + * SCEditor.command.set("hello", + * { + * exec: function () { + * alert("Hello World!"); + * } + * }); + * + * @param {string} name + * @param {Object} cmd + * @return {this|false} Returns false if name or cmd is false + * @since v1.3.5 + */ + set: function (name, cmd) { + if (!name || !cmd) { + return false; + } + + // merge any existing command properties + cmd = extend(defaultCmds[name] || {}, cmd); + + cmd.remove = function () { + SCEditor.command.remove(name); + }; + + defaultCmds[name] = cmd; + return this; + }, + + /** + * Removes a command + * + * @param {string} name + * @return {this} + * @since v1.3.5 + */ + remove: function (name) { + if (defaultCmds[name]) { + delete defaultCmds[name]; + } + + return this; + } + }; + + /** + * SCEditor + * http://www.sceditor.com/ + * + * Copyright (C) 2017, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + * + * @fileoverview SCEditor - A lightweight WYSIWYG BBCode and HTML editor + * @author Sam Clarke + */ + + window.sceditor = { + command: SCEditor.command, + commands: defaultCmds, + defaultOptions: defaultOptions, + + ie: ie, + ios: ios, + isWysiwygSupported: isWysiwygSupported, + + regexEscape: regex, + escapeEntities: entities, + escapeUriScheme: uriScheme, + + dom: { + css: css, + attr: attr, + removeAttr: removeAttr, + is: is, + closest: closest, + width: width, + height: height, + traverse: traverse, + rTraverse: rTraverse, + parseHTML: parseHTML, + hasStyling: hasStyling, + convertElement: convertElement, + blockLevelList: blockLevelList, + canHaveChildren: canHaveChildren, + isInline: isInline, + copyCSS: copyCSS, + fixNesting: fixNesting, + findCommonAncestor: findCommonAncestor, + getSibling: getSibling, + removeWhiteSpace: removeWhiteSpace, + extractContents: extractContents, + getOffset: getOffset, + getStyle: getStyle, + hasStyle: hasStyle + }, + locale: SCEditor.locale, + icons: SCEditor.icons, + utils: { + each: each, + isEmptyObject: isEmptyObject, + extend: extend + }, + plugins: PluginManager.plugins, + formats: SCEditor.formats, + create: function (textarea, options) { + options = options || {}; + + // Don't allow the editor to be initialised + // on it's own source editor + if (parent(textarea, '.sceditor-container')) { + return; + } + + if (options.runWithoutWysiwygSupport || isWysiwygSupported) { + /*eslint no-new: off*/ + (new SCEditor(textarea, options)); + } + }, + instance: function (textarea) { + return textarea._sceditor; + } + }; + + /** + * SCEditor + * http://www.sceditor.com/ + * + * Copyright (C) 2017, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + * + * @fileoverview SCEditor - A lightweight WYSIWYG BBCode and HTML editor + * @author Sam Clarke + * @requires jQuery + */ + + // For backwards compatibility + $.sceditor = window.sceditor; + + /** + * Creates an instance of sceditor on all textareas + * matched by the jQuery selector. + * + * If options is set to "state" it will return bool value + * indicating if the editor has been initialised on the + * matched textarea(s). If there is only one textarea + * it will return the bool value for that textarea. + * If more than one textarea is matched it will + * return an array of bool values for each textarea. + * + * If options is set to "instance" it will return the + * current editor instance for the textarea(s). Like the + * state option, if only one textarea is matched this will + * return just the instance for that textarea. If more than + * one textarea is matched it will return an array of + * instances each textarea. + * + * @param {Object|string} [options] Should either be an Object of options or + * the strings "state" or "instance" + * @return {this|Array|Array|SCEditor|boolean} + */ + $.fn.sceditor = function (options) { + var instance; + var ret = []; + + this.each(function () { + instance = this._sceditor; + + // Add state of instance to ret if that is what options is set to + if (options === 'state') { + ret.push(!!instance); + } else if (options === 'instance') { + ret.push(instance); + } else if (!instance) { + $.sceditor.create(this, options); + } + }); + + // If nothing in the ret array then must be init so return this + if (!ret.length) { + return this; + } + + return ret.length === 1 ? ret[0] : ret; + }; + +}(jQuery)); +;/** + * SCEditor BBCode Plugin + * http://www.sceditor.com/ + * + * Copyright (C) 2011-2017, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + * + * @fileoverview SCEditor BBCode Format + * @author Sam Clarke + */ +(function (sceditor) { + /*eslint max-depth: off*/ + 'use strict'; + + var escapeEntities = sceditor.escapeEntities; + var escapeUriScheme = sceditor.escapeUriScheme; + var dom = sceditor.dom; + var utils = sceditor.utils; + + var css = dom.css; + var attr = dom.attr; + var is = dom.is; + var extend = utils.extend; + var each = utils.each; + + var IE_VER = sceditor.ie; + + // In IE < 11 a BR at the end of a block level element + // causes a double line break. + var IE_BR_FIX = IE_VER && IE_VER < 11; + + var EMOTICON_DATA_ATTR = 'data-sceditor-emoticon'; + + var getEditorCommand = sceditor.command.get; + + var QuoteType = { + /** @lends BBCodeParser.QuoteType */ + /** + * Always quote the attribute value + * @type {Number} + */ + always: 1, + + /** + * Never quote the attributes value + * @type {Number} + */ + never: 2, + + /** + * Only quote the attributes value when it contains spaces to equals + * @type {Number} + */ + auto: 3 + }; + + var defaultCommandsOverrides = { + bold: { + txtExec: ['[b]', '[/b]'] + }, + italic: { + txtExec: ['[i]', '[/i]'] + }, + underline: { + txtExec: ['[u]', '[/u]'] + }, + strike: { + txtExec: ['[s]', '[/s]'] + }, + subscript: { + txtExec: ['[sub]', '[/sub]'] + }, + superscript: { + txtExec: ['[sup]', '[/sup]'] + }, + left: { + txtExec: ['[left]', '[/left]'] + }, + center: { + txtExec: ['[center]', '[/center]'] + }, + right: { + txtExec: ['[right]', '[/right]'] + }, + justify: { + txtExec: ['[justify]', '[/justify]'] + }, + font: { + txtExec: function (caller) { + var editor = this; + + getEditorCommand('font')._dropDown( + editor, + caller, + function (fontName) { + editor.insertText( + '[font=' + fontName + ']', + '[/font]' + ); + } + ); + } + }, + size: { + txtExec: function (caller) { + var editor = this; + + getEditorCommand('size')._dropDown( + editor, + caller, + function (fontSize) { + editor.insertText( + '[size=' + fontSize + ']', + '[/size]' + ); + } + ); + } + }, + color: { + txtExec: function (caller) { + var editor = this; + + getEditorCommand('color')._dropDown( + editor, + caller, + function (color) { + editor.insertText( + '[color=' + color + ']', + '[/color]' + ); + } + ); + } + }, + bulletlist: { + txtExec: function (caller, selected) { + var content = ''; + + each(selected.split(/\r?\n/), function () { + content += (content ? '\n' : '') + + '[li]' + this + '[/li]'; + }); + + this.insertText('[ul]\n' + content + '\n[/ul]'); + } + }, + orderedlist: { + txtExec: function (caller, selected) { + var content = ''; + + each(selected.split(/\r?\n/), function () { + content += (content ? '\n' : '') + + '[li]' + this + '[/li]'; + }); + + this.insertText('[ol]\n' + content + '\n[/ol]'); + } + }, + table: { + txtExec: ['[table][tr][td]', '[/td][/tr][/table]'] + }, + horizontalrule: { + txtExec: ['[hr]'] + }, + code: { + txtExec: ['[code]', '[/code]'] + }, + image: { + txtExec: function (caller, selected) { + var editor = this; + + getEditorCommand('image')._dropDown( + editor, + caller, + selected, + function (url, width, height) { + var attrs = ''; + + if (width) { + attrs += ' width=' + width; + } + + if (height) { + attrs += ' height=' + height; + } + + editor.insertText( + '[img' + attrs + ']' + url + '[/img]' + ); + } + ); + } + }, + email: { + txtExec: function (caller, selected) { + var editor = this; + + getEditorCommand('email')._dropDown( + editor, + caller, + function (url, text) { + editor.insertText( + '[email=' + url + ']' + + (text || selected || url) + + '[/email]' + ); + } + ); + } + }, + link: { + txtExec: function (caller, selected) { + var editor = this; + + getEditorCommand('link')._dropDown( + editor, + caller, + function (url, text) { + editor.insertText( + '[url=' + url + ']' + + (text || selected || url) + + '[/url]' + ); + } + ); + } + }, + quote: { + txtExec: ['[quote]', '[/quote]'] + }, + youtube: { + txtExec: function (caller) { + var editor = this; + + getEditorCommand('youtube')._dropDown( + editor, + caller, + function (id) { + editor.insertText('[youtube]' + id + '[/youtube]'); + } + ); + } + }, + rtl: { + txtExec: ['[rtl]', '[/rtl]'] + }, + ltr: { + txtExec: ['[ltr]', '[/ltr]'] + } + }; + + var bbcodeHandlers = { + // START_COMMAND: Bold + b: { + tags: { + b: null, + strong: null + }, + styles: { + // 401 is for FF 3.5 + 'font-weight': ['bold', 'bolder', '401', '700', '800', '900'] + }, + format: '[b]{0}[/b]', + html: '{0}' + }, + // END_COMMAND + + // START_COMMAND: Italic + i: { + tags: { + i: null, + em: null + }, + styles: { + 'font-style': ['italic', 'oblique'] + }, + format: '[i]{0}[/i]', + html: '{0}' + }, + // END_COMMAND + + // START_COMMAND: Underline + u: { + tags: { + u: null + }, + styles: { + 'text-decoration': ['underline'] + }, + format: '[u]{0}[/u]', + html: '{0}' + }, + // END_COMMAND + + // START_COMMAND: Strikethrough + s: { + tags: { + s: null, + strike: null + }, + styles: { + 'text-decoration': ['line-through'] + }, + format: '[s]{0}[/s]', + html: '{0}' + }, + // END_COMMAND + + // START_COMMAND: Subscript + sub: { + tags: { + sub: null + }, + format: '[sub]{0}[/sub]', + html: '{0}' + }, + // END_COMMAND + + // START_COMMAND: Superscript + sup: { + tags: { + sup: null + }, + format: '[sup]{0}[/sup]', + html: '{0}' + }, + // END_COMMAND + + // START_COMMAND: Font + font: { + tags: { + font: { + face: null + } + }, + styles: { + 'font-family': null + }, + quoteType: QuoteType.never, + format: function (element, content) { + var font; + + if (!is(element, 'font') || !(font = attr(element, 'face'))) { + font = css(element, 'font-family'); + } + + return '[font=' + _stripQuotes(font) + ']' + + content + '[/font]'; + }, + html: '{0}' + }, + // END_COMMAND + + // START_COMMAND: Size + size: { + tags: { + font: { + size: null + } + }, + styles: { + 'font-size': null + }, + format: function (element, content) { + var fontSize = attr(element, 'size'), + size = 2; + + if (!fontSize) { + fontSize = css(element, 'fontSize'); + } + + // Most browsers return px value but IE returns 1-7 + if (fontSize.indexOf('px') > -1) { + // convert size to an int + fontSize = fontSize.replace('px', '') - 0; + + if (fontSize < 12) { + size = 1; + } + if (fontSize > 15) { + size = 3; + } + if (fontSize > 17) { + size = 4; + } + if (fontSize > 23) { + size = 5; + } + if (fontSize > 31) { + size = 6; + } + if (fontSize > 47) { + size = 7; + } + } else { + size = fontSize; + } + + return '[size=' + size + ']' + content + '[/size]'; + }, + html: '{!0}' + }, + // END_COMMAND + + // START_COMMAND: Color + color: { + tags: { + font: { + color: null + } + }, + styles: { + color: null + }, + quoteType: QuoteType.never, + format: function (elm, content) { + var color; + + if (!is(elm, 'font') || !(color = attr(elm, 'color'))) { + color = elm.style.color || css(elm, 'color'); + } + + return '[color=' + _normaliseColour(color) + ']' + + content + '[/color]'; + }, + html: function (token, attrs, content) { + return '' + content + ''; + } + }, + // END_COMMAND + + // START_COMMAND: Lists + ul: { + tags: { + ul: null + }, + breakStart: true, + isInline: false, + skipLastLineBreak: true, + format: '[ul]{0}[/ul]', + html: '
      {0}
    ' + }, + list: { + breakStart: true, + isInline: false, + skipLastLineBreak: true, + html: '
      {0}
    ' + }, + ol: { + tags: { + ol: null + }, + breakStart: true, + isInline: false, + skipLastLineBreak: true, + format: '[ol]{0}[/ol]', + html: '
      {0}
    ' + }, + li: { + tags: { + li: null + }, + isInline: false, + closedBy: ['/ul', '/ol', '/list', '*', 'li'], + format: '[li]{0}[/li]', + html: '
  • {0}
    • ' + }, + '*': { + isInline: false, + closedBy: ['/ul', '/ol', '/list', '*', 'li'], + html: '
  • {0}
    • ' + }, + // END_COMMAND + + // START_COMMAND: Table + table: { + tags: { + table: null + }, + isInline: false, + isHtmlInline: true, + skipLastLineBreak: true, + format: '[table]{0}[/table]', + html: '{0}
    ' + }, + tr: { + tags: { + tr: null + }, + isInline: false, + skipLastLineBreak: true, + format: '[tr]{0}[/tr]', + html: '{0}' + }, + th: { + tags: { + th: null + }, + allowsEmpty: true, + isInline: false, + format: '[th]{0}[/th]', + html: '{0}' + }, + td: { + tags: { + td: null + }, + allowsEmpty: true, + isInline: false, + format: '[td]{0}[/td]', + html: '{0}' + }, + // END_COMMAND + + // START_COMMAND: Emoticons + emoticon: { + allowsEmpty: true, + tags: { + img: { + src: null, + 'data-sceditor-emoticon': null + } + }, + format: function (element, content) { + return attr(element, EMOTICON_DATA_ATTR) + content; + }, + html: '{0}' + }, + // END_COMMAND + + // START_COMMAND: Horizontal Rule + hr: { + tags: { + hr: null + }, + allowsEmpty: true, + isSelfClosing: true, + isInline: false, + format: '[hr]{0}', + html: '
    ' + }, + // END_COMMAND + + // START_COMMAND: Image + img: { + allowsEmpty: true, + tags: { + img: { + src: null + } + }, + allowedChildren: ['#'], + quoteType: QuoteType.never, + format: function (element, content) { + var width, height, + attribs = '', + style = function (name) { + return element.style ? element.style[name] : null; + }; + + // check if this is an emoticon image + if (attr(element, EMOTICON_DATA_ATTR)) { + return content; + } + + width = attr(element, 'width') || style('width'); + height = attr(element, 'height') || style('height'); + + // only add width and height if one is specified + if ((element.complete && (width || height)) || + (width && height)) { + + attribs = '=' + dom.width(element) + 'x' + + dom.height(element); + } + + return '[img' + attribs + ']' + attr(element, 'src') + '[/img]'; + }, + html: function (token, attrs, content) { + var undef, width, height, match, + attribs = ''; + + // handle [img width=340 height=240]url[/img] + width = attrs.width; + height = attrs.height; + + // handle [img=340x240]url[/img] + if (attrs.defaultattr) { + match = attrs.defaultattr.split(/x/i); + + width = match[0]; + height = (match.length === 2 ? match[1] : match[0]); + } + + if (width !== undef) { + attribs += ' width="' + escapeEntities(width, true) + '"'; + } + + if (height !== undef) { + attribs += ' height="' + escapeEntities(height, true) + '"'; + } + + return ''; + } + }, + // END_COMMAND + + // START_COMMAND: URL + url: { + allowsEmpty: true, + tags: { + a: { + href: null + } + }, + quoteType: QuoteType.never, + format: function (element, content) { + var url = attr(element, 'href'); + + // make sure this link is not an e-mail, + // if it is return e-mail BBCode + if (url.substr(0, 7) === 'mailto:') { + return '[email="' + url.substr(7) + '"]' + + content + '[/email]'; + } + + return '[url=' + url + ']' + content + '[/url]'; + }, + html: function (token, attrs, content) { + attrs.defaultattr = + escapeEntities(attrs.defaultattr, true) || content; + + return '' + + content + ''; + } + }, + // END_COMMAND + + // START_COMMAND: E-mail + email: { + quoteType: QuoteType.never, + html: function (token, attrs, content) { + return '' + content + ''; + } + }, + // END_COMMAND + + // START_COMMAND: Quote + quote: { + tags: { + blockquote: null + }, + isInline: false, + quoteType: QuoteType.never, + format: function (element, content) { + var authorAttr = 'data-author'; + var author = ''; + var cite; + var children = element.children; + + for (var i = 0; !cite && i < children.length; i++) { + if (is(children[i], 'cite')) { + cite = children[i]; + } + } + + if (cite || attr(element, authorAttr)) { + author = cite && cite.textContent || + attr(element, authorAttr); + + attr(element, authorAttr, author); + + if (cite) { + element.removeChild(cite); + } + + content = this.elementToBbcode(element); + author = '=' + author.replace(/(^\s+|\s+$)/g, ''); + + if (cite) { + element.insertBefore(cite, element.firstChild); + } + } + + return '[quote' + author + ']' + content + '[/quote]'; + }, + html: function (token, attrs, content) { + if (attrs.defaultattr) { + content = '' + escapeEntities(attrs.defaultattr) + + '' + content; + } + + return '
    ' + content + '
    '; + } + }, + // END_COMMAND + + // START_COMMAND: Code + code: { + tags: { + code: null + }, + isInline: false, + allowedChildren: ['#', '#newline'], + format: '[code]{0}[/code]', + html: '{0}' + }, + // END_COMMAND + + + // START_COMMAND: Left + left: { + styles: { + 'text-align': [ + 'left', + '-webkit-left', + '-moz-left', + '-khtml-left' + ] + }, + isInline: false, + format: '[left]{0}[/left]', + html: '
    {0}
    ' + }, + // END_COMMAND + + // START_COMMAND: Centre + center: { + styles: { + 'text-align': [ + 'center', + '-webkit-center', + '-moz-center', + '-khtml-center' + ] + }, + isInline: false, + format: '[center]{0}[/center]', + html: '
    {0}
    ' + }, + // END_COMMAND + + // START_COMMAND: Right + right: { + styles: { + 'text-align': [ + 'right', + '-webkit-right', + '-moz-right', + '-khtml-right' + ] + }, + isInline: false, + format: '[right]{0}[/right]', + html: '
    {0}
    ' + }, + // END_COMMAND + + // START_COMMAND: Justify + justify: { + styles: { + 'text-align': [ + 'justify', + '-webkit-justify', + '-moz-justify', + '-khtml-justify' + ] + }, + isInline: false, + format: '[justify]{0}[/justify]', + html: '
    {0}
    ' + }, + // END_COMMAND + + // START_COMMAND: YouTube + youtube: { + allowsEmpty: true, + tags: { + iframe: { + 'data-youtube-id': null + } + }, + format: function (element, content) { + element = attr(element, 'data-youtube-id'); + + return element ? '[youtube]' + element + '[/youtube]' : content; + }, + html: '' + }, + // END_COMMAND + + + // START_COMMAND: Rtl + rtl: { + styles: { + direction: ['rtl'] + }, + isInline: false, + format: '[rtl]{0}[/rtl]', + html: '
    {0}
    ' + }, + // END_COMMAND + + // START_COMMAND: Ltr + ltr: { + styles: { + direction: ['ltr'] + }, + isInline: false, + format: '[ltr]{0}[/ltr]', + html: '
    {0}
    ' + }, + // END_COMMAND + + // this is here so that commands above can be removed + // without having to remove the , after the last one. + // Needed for IE. + ignore: {} + }; + + /** + * Formats a string replacing {name} with the values of + * obj.name properties. + * + * If there is no property for the specified {name} then + * it will be left intact. + * + * @param {string} str + * @param {Object} obj + * @return {string} + * @since 2.0.0 + */ + function formatBBCodeString(str, obj) { + return str.replace(/\{([^}]+)\}/g, function (match, group) { + var undef, + escape = true; + + if (group.charAt(0) === '!') { + escape = false; + group = group.substring(1); + } + + if (group === '0') { + escape = false; + } + + if (obj[group] === undef) { + return match; + } + + return escape ? escapeEntities(obj[group], true) : obj[group]; + }); + } + + /** + * Removes the first and last divs from the HTML. + * + * This is needed for pasting + * @param {string} html + * @return {string} + * @private + */ + function removeFirstLastDiv(html) { + var node, next, removeDiv, + output = document.createElement('div'); + + removeDiv = function (node, isFirst) { + // Don't remove divs that have styling + if (dom.hasStyling(node)) { + return; + } + + if (IE_BR_FIX || (node.childNodes.length !== 1 || + !is(node.firstChild, 'br'))) { + while ((next = node.firstChild)) { + output.insertBefore(next, node); + } + } + + if (isFirst) { + var lastChild = output.lastChild; + + if (node !== lastChild && is(lastChild, 'div') && + node.nextSibling === lastChild) { + output.insertBefore(document.createElement('br'), node); + } + } + + output.removeChild(node); + }; + + css(output, 'display', 'none'); + output.innerHTML = html.replace(/<\/div>\n/g, ''); + + if ((node = output.firstChild) && is(node, 'div')) { + removeDiv(node, true); + } + + if ((node = output.lastChild) && is(node, 'div')) { + removeDiv(node); + } + + return output.innerHTML; + } + + function isFunction(fn) { + return typeof fn === 'function'; + } + + /** + * Removes any leading or trailing quotes ('") + * + * @return string + * @since v1.4.0 + */ + function _stripQuotes(str) { + return str ? + str.replace(/\\(.)/g, '$1').replace(/^(["'])(.*?)\1$/, '$2') : str; + } + + /** + * Formats a string replacing {0}, {1}, {2}, ect. with + * the params provided + * + * @param {string} str The string to format + * @param {...string} arg The strings to replace + * @return {string} + * @since v1.4.0 + */ + function _formatString(str) { + var undef; + var args = arguments; + + return str.replace(/\{(\d+)\}/g, function (_, matchNum) { + return args[matchNum - 0 + 1] !== undef ? + args[matchNum - 0 + 1] : + '{' + matchNum + '}'; + }); + } + + var TOKEN_OPEN = 'open'; + var TOKEN_CONTENT = 'content'; + var TOKEN_NEWLINE = 'newline'; + var TOKEN_CLOSE = 'close'; + + + /* + * @typedef {Object} TokenizeToken + * @property {string} type + * @property {string} name + * @property {string} val + * @property {Object.} attrs + * @property {array} children + * @property {TokenizeToken} closing + */ + + /** + * Tokenize token object + * + * @param {string} type The type of token this is, + * should be one of tokenType + * @param {string} name The name of this token + * @param {string} val The originally matched string + * @param {array} attrs Any attributes. Only set on + * TOKEN_TYPE_OPEN tokens + * @param {array} children Any children of this token + * @param {TokenizeToken} closing This tokens closing tag. + * Only set on TOKEN_TYPE_OPEN tokens + * @class {TokenizeToken} + * @name {TokenizeToken} + * @memberOf BBCodeParser.prototype + */ + // eslint-disable-next-line max-params + function TokenizeToken(type, name, val, attrs, children, closing) { + var base = this; + + base.type = type; + base.name = name; + base.val = val; + base.attrs = attrs || {}; + base.children = children || []; + base.closing = closing || null; + }; + + TokenizeToken.prototype = { + /** @lends BBCodeParser.prototype.TokenizeToken */ + /** + * Clones this token + * + * @return {TokenizeToken} + */ + clone: function () { + var base = this; + + return new TokenizeToken( + base.type, + base.name, + base.val, + extend({}, base.attrs), + [], + base.closing ? base.closing.clone() : null + ); + }, + /** + * Splits this token at the specified child + * + * @param {TokenizeToken} splitAt The child to split at + * @return {TokenizeToken} The right half of the split token or + * empty clone if invalid splitAt lcoation + */ + splitAt: function (splitAt) { + var offsetLength; + var base = this; + var clone = base.clone(); + var offset = base.children.indexOf(splitAt); + + if (offset > -1) { + // Work out how many items are on the right side of the split + // to pass to splice() + offsetLength = base.children.length - offset; + clone.children = base.children.splice(offset, offsetLength); + } + + return clone; + } + }; + + + /** + * SCEditor BBCode parser class + * + * @param {Object} options + * @class BBCodeParser + * @name BBCodeParser + * @since v1.4.0 + */ + function BBCodeParser(options) { + var base = this; + + base.opts = extend({}, BBCodeParser.defaults, options); + + /** + * Takes a BBCode string and splits it into open, + * content and close tags. + * + * It does no checking to verify a tag has a matching open + * or closing tag or if the tag is valid child of any tag + * before it. For that the tokens should be passed to the + * parse function. + * + * @param {string} str + * @return {array} + * @memberOf BBCodeParser.prototype + */ + base.tokenize = function (str) { + var matches, type, i; + var tokens = []; + // The token types in reverse order of precedence + // (they're looped in reverse) + var tokenTypes = [ + { + type: TOKEN_CONTENT, + regex: /^([^\[\r\n]+|\[)/ + }, + { + type: TOKEN_NEWLINE, + regex: /^(\r\n|\r|\n)/ + }, + { + type: TOKEN_OPEN, + regex: /^\[[^\[\]]+\]/ + }, + // Close must come before open as they are + // the same except close has a / at the start. + { + type: TOKEN_CLOSE, + regex: /^\[\/[^\[\]]+\]/ + } + ]; + + strloop: + while (str.length) { + i = tokenTypes.length; + while (i--) { + type = tokenTypes[i].type; + + // Check if the string matches any of the tokens + if (!(matches = str.match(tokenTypes[i].regex)) || + !matches[0]) { + continue; + } + + // Add the match to the tokens list + tokens.push(tokenizeTag(type, matches[0])); + + // Remove the match from the string + str = str.substr(matches[0].length); + + // The token has been added so start again + continue strloop; + } + + // If there is anything left in the string which doesn't match + // any of the tokens then just assume it's content and add it. + if (str.length) { + tokens.push(tokenizeTag(TOKEN_CONTENT, str)); + } + + str = ''; + } + + return tokens; + }; + + /** + * Extracts the name an params from a tag + * + * @param {string} type + * @param {string} val + * @return {Object} + * @private + */ + function tokenizeTag(type, val) { + var matches, attrs, name, + openRegex = /\[([^\]\s=]+)(?:([^\]]+))?\]/, + closeRegex = /\[\/([^\[\]]+)\]/; + + // Extract the name and attributes from opening tags and + // just the name from closing tags. + if (type === TOKEN_OPEN && (matches = val.match(openRegex))) { + name = lower(matches[1]); + + if (matches[2] && (matches[2] = matches[2].trim())) { + attrs = tokenizeAttrs(matches[2]); + } + } + + if (type === TOKEN_CLOSE && + (matches = val.match(closeRegex))) { + name = lower(matches[1]); + } + + if (type === TOKEN_NEWLINE) { + name = '#newline'; + } + + // Treat all tokens without a name and + // all unknown BBCodes as content + if (!name || ((type === TOKEN_OPEN || type === TOKEN_CLOSE) && + !bbcodeHandlers[name])) { + + type = TOKEN_CONTENT; + name = '#'; + } + + return new TokenizeToken(type, name, val, attrs); + } + + /** + * Extracts the individual attributes from a string containing + * all the attributes. + * + * @param {string} attrs + * @return {Object} Assoc array of attributes + * @private + */ + function tokenizeAttrs(attrs) { + var matches, + /* + ([^\s=]+) Anything that's not a space or equals + = Equals sign = + (?: + (?: + (["']) The opening quote + ( + (?:\\\2|[^\2])*? Anything that isn't the + unescaped opening quote + ) + \2 The opening quote again which + will close the string + ) + | If not a quoted string then match + ( + (?:.(?!\s\S+=))*.? Anything that isn't part of + [space][non-space][=] which + would be a new attribute + ) + ) + */ + attrRegex = /([^\s=]+)=(?:(?:(["'])((?:\\\2|[^\2])*?)\2)|((?:.(?!\s\S+=))*.))/g, + ret = {}; + + // if only one attribute then remove the = from the start and + // strip any quotes + if (attrs.charAt(0) === '=' && attrs.indexOf('=', 1) < 0) { + ret.defaultattr = _stripQuotes(attrs.substr(1)); + } else { + if (attrs.charAt(0) === '=') { + attrs = 'defaultattr' + attrs; + } + + // No need to strip quotes here, the regex will do that. + while ((matches = attrRegex.exec(attrs))) { + ret[lower(matches[1])] = + _stripQuotes(matches[3]) || matches[4]; + } + } + + return ret; + } + + /** + * Parses a string into an array of BBCodes + * + * @param {string} str + * @param {boolean} preserveNewLines If to preserve all new lines, not + * strip any based on the passed + * formatting options + * @return {array} Array of BBCode objects + * @memberOf BBCodeParser.prototype + */ + base.parse = function (str, preserveNewLines) { + var ret = parseTokens(base.tokenize(str)); + var opts = base.opts; + + if (opts.fixInvalidNesting) { + fixNesting(ret); + } + + normaliseNewLines(ret, null, preserveNewLines); + + if (opts.removeEmptyTags) { + removeEmpty(ret); + } + + return ret; + }; + + /** + * Checks if an array of TokenizeToken's contains the + * specified token. + * + * Checks the tokens name and type match another tokens + * name and type in the array. + * + * @param {string} name + * @param {string} type + * @param {array} arr + * @return {Boolean} + * @private + */ + function hasTag(name, type, arr) { + var i = arr.length; + + while (i--) { + if (arr[i].type === type && arr[i].name === name) { + return true; + } + } + + return false; + } + + /** + * Checks if the child tag is allowed as one + * of the parent tags children. + * + * @param {TokenizeToken} parent + * @param {TokenizeToken} child + * @return {Boolean} + * @private + */ + function isChildAllowed(parent, child) { + var parentBBCode = parent ? bbcodeHandlers[parent.name] : {}, + allowedChildren = parentBBCode.allowedChildren; + + if (base.opts.fixInvalidChildren && allowedChildren) { + return allowedChildren.indexOf(child.name || '#') > -1; + } + + return true; + } + + // TODO: Tidy this parseTokens() function up a bit. + /** + * Parses an array of tokens created by tokenize() + * + * @param {array} toks + * @return {array} Parsed tokens + * @see tokenize() + * @private + */ + function parseTokens(toks) { + var token, bbcode, curTok, clone, i, next, + cloned = [], + output = [], + openTags = [], + /** + * Returns the currently open tag or undefined + * @return {TokenizeToken} + */ + currentTag = function () { + return last(openTags); + }, + /** + * Adds a tag to either the current tags children + * or to the output array. + * @param {TokenizeToken} token + * @private + */ + addTag = function (token) { + if (currentTag()) { + currentTag().children.push(token); + } else { + output.push(token); + } + }, + /** + * Checks if this tag closes the current tag + * @param {string} name + * @return {Void} + */ + closesCurrentTag = function (name) { + return currentTag() && + (bbcode = bbcodeHandlers[currentTag().name]) && + bbcode.closedBy && + bbcode.closedBy.indexOf(name) > -1; + }; + + while ((token = toks.shift())) { + next = toks[0]; + + /* + * Fixes any invalid children. + * + * If it is an element which isn't allowed as a child of it's + * parent then it will be converted to content of the parent + * element. i.e. + * [code]Code [b]only[/b] allows text.[/code] + * Will become: + * Code [b]only[/b] allows text. + * Instead of: + * Code only allows text. + */ + // Ignore tags that can't be children + if (!isChildAllowed(currentTag(), token)) { + + // exclude closing tags of current tag + if (token.type !== TOKEN_CLOSE || !currentTag() || + token.name !== currentTag().name) { + token.name = '#'; + token.type = TOKEN_CONTENT; + } + } + + switch (token.type) { + case TOKEN_OPEN: + // Check it this closes a parent, + // e.g. for lists [*]one [*]two + if (closesCurrentTag(token.name)) { + openTags.pop(); + } + + addTag(token); + bbcode = bbcodeHandlers[token.name]; + + // If this tag is not self closing and it has a closing + // tag then it is open and has children so add it to the + // list of open tags. If has the closedBy property then + // it is closed by other tags so include everything as + // it's children until one of those tags is reached. + if (bbcode && !bbcode.isSelfClosing && + (bbcode.closedBy || + hasTag(token.name, TOKEN_CLOSE, toks))) { + openTags.push(token); + } else if (!bbcode || !bbcode.isSelfClosing) { + token.type = TOKEN_CONTENT; + } + break; + + case TOKEN_CLOSE: + // check if this closes the current tag, + // e.g. [/list] would close an open [*] + if (currentTag() && token.name !== currentTag().name && + closesCurrentTag('/' + token.name)) { + + openTags.pop(); + } + + // If this is closing the currently open tag just pop + // the close tag off the open tags array + if (currentTag() && token.name === currentTag().name) { + currentTag().closing = token; + openTags.pop(); + + // If this is closing an open tag that is the parent of + // the current tag then clone all the tags including the + // current one until reaching the parent that is being + // closed. Close the parent and then add the clones back + // in. + } else if (hasTag(token.name, TOKEN_OPEN, openTags)) { + + // Remove the tag from the open tags + while ((curTok = openTags.pop())) { + + // If it's the tag that is being closed then + // discard it and break the loop. + if (curTok.name === token.name) { + curTok.closing = token; + break; + } + + // Otherwise clone this tag and then add any + // previously cloned tags as it's children + clone = curTok.clone(); + + if (cloned.length) { + clone.children.push(last(cloned)); + } + + cloned.push(clone); + } + + // Place block linebreak before cloned tags + if (next && next.type === TOKEN_NEWLINE) { + bbcode = bbcodeHandlers[token.name]; + if (bbcode && bbcode.isInline === false) { + addTag(next); + toks.shift(); + } + } + + // Add the last cloned child to the now current tag + // (the parent of the tag which was being closed) + addTag(last(cloned)); + + // Add all the cloned tags to the open tags list + i = cloned.length; + while (i--) { + openTags.push(cloned[i]); + } + + cloned.length = 0; + + // This tag is closing nothing so treat it as content + } else { + token.type = TOKEN_CONTENT; + addTag(token); + } + break; + + case TOKEN_NEWLINE: + // handle things like + // [*]list\nitem\n[*]list1 + // where it should come out as + // [*]list\nitem[/*]\n[*]list1[/*] + // instead of + // [*]list\nitem\n[/*][*]list1[/*] + if (currentTag() && next && closesCurrentTag( + (next.type === TOKEN_CLOSE ? '/' : '') + + next.name + )) { + // skip if the next tag is the closing tag for + // the option tag, i.e. [/*] + if (!(next.type === TOKEN_CLOSE && + next.name === currentTag().name)) { + bbcode = bbcodeHandlers[currentTag().name]; + + if (bbcode && bbcode.breakAfter) { + openTags.pop(); + } else if (bbcode && + bbcode.isInline === false && + base.opts.breakAfterBlock && + bbcode.breakAfter !== false) { + openTags.pop(); + } + } + } + + addTag(token); + break; + + default: // content + addTag(token); + break; + } + } + + return output; + } + + /** + * Normalise all new lines + * + * Removes any formatting new lines from the BBCode + * leaving only content ones. I.e. for a list: + * + * [list] + * [*] list item one + * with a line break + * [*] list item two + * [/list] + * + * would become + * + * [list] [*] list item one + * with a line break [*] list item two [/list] + * + * Which makes it easier to convert to HTML or add + * the formatting new lines back in when converting + * back to BBCode + * + * @param {array} children + * @param {TokenizeToken} parent + * @param {boolean} onlyRemoveBreakAfter + * @return {void} + */ + function normaliseNewLines(children, parent, onlyRemoveBreakAfter) { + var token, left, right, parentBBCode, bbcode, + removedBreakEnd, removedBreakBefore, remove; + var childrenLength = children.length; + // TODO: this function really needs tidying up + if (parent) { + parentBBCode = bbcodeHandlers[parent.name]; + } + + var i = childrenLength; + while (i--) { + if (!(token = children[i])) { + continue; + } + + if (token.type === TOKEN_NEWLINE) { + left = i > 0 ? children[i - 1] : null; + right = i < childrenLength - 1 ? children[i + 1] : null; + remove = false; + + // Handle the start and end new lines + // e.g. [tag]\n and \n[/tag] + if (!onlyRemoveBreakAfter && parentBBCode && + parentBBCode.isSelfClosing !== true) { + // First child of parent so must be opening line break + // (breakStartBlock, breakStart) e.g. [tag]\n + if (!left) { + if (parentBBCode.isInline === false && + base.opts.breakStartBlock && + parentBBCode.breakStart !== false) { + remove = true; + } + + if (parentBBCode.breakStart) { + remove = true; + } + // Last child of parent so must be end line break + // (breakEndBlock, breakEnd) + // e.g. \n[/tag] + // remove last line break (breakEndBlock, breakEnd) + } else if (!removedBreakEnd && !right) { + if (parentBBCode.isInline === false && + base.opts.breakEndBlock && + parentBBCode.breakEnd !== false) { + remove = true; + } + + if (parentBBCode.breakEnd) { + remove = true; + } + + removedBreakEnd = remove; + } + } + + if (left && left.type === TOKEN_OPEN) { + if ((bbcode = bbcodeHandlers[left.name])) { + if (!onlyRemoveBreakAfter) { + if (bbcode.isInline === false && + base.opts.breakAfterBlock && + bbcode.breakAfter !== false) { + remove = true; + } + + if (bbcode.breakAfter) { + remove = true; + } + } else if (bbcode.isInline === false) { + remove = true; + } + } + } + + if (!onlyRemoveBreakAfter && !removedBreakBefore && + right && right.type === TOKEN_OPEN) { + + if ((bbcode = bbcodeHandlers[right.name])) { + if (bbcode.isInline === false && + base.opts.breakBeforeBlock && + bbcode.breakBefore !== false) { + remove = true; + } + + if (bbcode.breakBefore) { + remove = true; + } + + removedBreakBefore = remove; + + if (remove) { + children.splice(i, 1); + continue; + } + } + } + + if (remove) { + children.splice(i, 1); + } + + // reset double removedBreakBefore removal protection. + // This is needed for cases like \n\n[\tag] where + // only 1 \n should be removed but without this they both + // would be. + removedBreakBefore = false; + } else if (token.type === TOKEN_OPEN) { + normaliseNewLines(token.children, token, + onlyRemoveBreakAfter); + } + } + } + + /** + * Fixes any invalid nesting. + * + * If it is a block level element inside 1 or more inline elements + * then those inline elements will be split at the point where the + * block level is and the block level element placed between the split + * parts. i.e. + * [inline]A[blocklevel]B[/blocklevel]C[/inline] + * Will become: + * [inline]A[/inline][blocklevel]B[/blocklevel][inline]C[/inline] + * + * @param {array} children + * @param {array} [parents] Null if there is no parents + * @param {boolea} [insideInline] If inside an inline element + * @param {array} [rootArr] Root array if there is one + * @return {array} + * @private + */ + function fixNesting(children, parents, insideInline, rootArr) { + var token, i, parent, parentIndex, parentParentChildren, right; + + var isInline = function (token) { + var bbcode = bbcodeHandlers[token.name]; + + return !bbcode || bbcode.isInline !== false; + }; + + parents = parents || []; + rootArr = rootArr || children; + + // This must check the length each time as it can change when + // tokens are moved to fix the nesting. + for (i = 0; i < children.length; i++) { + if (!(token = children[i]) || token.type !== TOKEN_OPEN) { + continue; + } + + if (insideInline && !isInline(token)) { + // if this is a blocklevel element inside an inline one then + // split the parent at the block level element + parent = last(parents); + right = parent.splitAt(token); + + parentParentChildren = parents.length > 1 ? + parents[parents.length - 2].children : rootArr; + + // If parent inline is allowed inside this tag, clone it and + // wrap this tags children in it. + if (isChildAllowed(token, parent)) { + var clone = parent.clone(); + clone.children = token.children; + token.children = [clone]; + } + + parentIndex = parentParentChildren.indexOf(parent); + if (parentIndex > -1) { + // remove the block level token from the right side of + // the split inline element + right.children.splice(0, 1); + + // insert the block level token and the right side after + // the left side of the inline token + parentParentChildren.splice( + parentIndex + 1, 0, token, right + ); + + // If token is a block and is followed by a newline, + // then move the newline along with it to the new parent + var next = right.children[0]; + if (next && next.type === TOKEN_NEWLINE) { + if (!isInline(token)) { + right.children.splice(0, 1); + parentParentChildren.splice( + parentIndex + 2, 0, next + ); + } + } + + // return to parents loop as the + // children have now increased + return; + } + + } + + parents.push(token); + + fixNesting( + token.children, + parents, + insideInline || isInline(token), + rootArr + ); + + parents.pop(); + } + } + + /** + * Removes any empty BBCodes which are not allowed to be empty. + * + * @param {array} tokens + * @private + */ + function removeEmpty(tokens) { + var token, bbcode; + + /** + * Checks if all children are whitespace or not + * @private + */ + var isTokenWhiteSpace = function (children) { + var j = children.length; + + while (j--) { + var type = children[j].type; + + if (type === TOKEN_OPEN || type === TOKEN_CLOSE) { + return false; + } + + if (type === TOKEN_CONTENT && + /\S|\u00A0/.test(children[j].val)) { + return false; + } + } + + return true; + }; + + var i = tokens.length; + while (i--) { + // So skip anything that isn't a tag since only tags can be + // empty, content can't + if (!(token = tokens[i]) || token.type !== TOKEN_OPEN) { + continue; + } + + bbcode = bbcodeHandlers[token.name]; + + // Remove any empty children of this tag first so that if they + // are all removed this one doesn't think it's not empty. + removeEmpty(token.children); + + if (isTokenWhiteSpace(token.children) && bbcode && + !bbcode.isSelfClosing && !bbcode.allowsEmpty) { + tokens.splice.apply(tokens, [i, 1].concat(token.children)); + } + } + } + + /** + * Converts a BBCode string to HTML + * + * @param {string} str + * @param {boolean} preserveNewLines If to preserve all new lines, not + * strip any based on the passed + * formatting options + * @return {string} + * @memberOf BBCodeParser.prototype + */ + base.toHTML = function (str, preserveNewLines) { + return convertToHTML(base.parse(str, preserveNewLines), true); + }; + + /** + * @private + */ + function convertToHTML(tokens, isRoot) { + var undef, token, bbcode, content, html, needsBlockWrap, + blockWrapOpen, isInline, lastChild, + ret = []; + + isInline = function (bbcode) { + return (!bbcode || (bbcode.isHtmlInline !== undef ? + bbcode.isHtmlInline : bbcode.isInline)) !== false; + }; + + while (tokens.length > 0) { + if (!(token = tokens.shift())) { + continue; + } + + if (token.type === TOKEN_OPEN) { + lastChild = token.children[token.children.length - 1] || {}; + bbcode = bbcodeHandlers[token.name]; + needsBlockWrap = isRoot && isInline(bbcode); + content = convertToHTML(token.children, false); + + if (bbcode && bbcode.html) { + // Only add a line break to the end if this is + // blocklevel and the last child wasn't block-level + if (!isInline(bbcode) && + isInline(bbcodeHandlers[lastChild.name]) && + !bbcode.isPreFormatted && + !bbcode.skipLastLineBreak) { + // Add placeholder br to end of block level elements + // in all browsers apart from IE < 9 which handle + // new lines differently and doesn't need one. + if (!IE_BR_FIX) { + content += '
    '; + } + } + + if (!isFunction(bbcode.html)) { + token.attrs['0'] = content; + html = formatBBCodeString( + bbcode.html, + token.attrs + ); + } else { + html = bbcode.html.call( + base, + token, + token.attrs, + content + ); + } + } else { + html = token.val + content + + (token.closing ? token.closing.val : ''); + } + } else if (token.type === TOKEN_NEWLINE) { + if (!isRoot) { + ret.push('
    '); + continue; + } + + // If not already in a block wrap then start a new block + if (!blockWrapOpen) { + ret.push('
    '); + } + + // Putting BR in a div in IE causes it + // to do a double line break. + if (!IE_BR_FIX) { + ret.push('
    '); + } + + // Normally the div acts as a line-break with by moving + // whatever comes after onto a new line. + // If this is the last token, add an extra line-break so it + // shows as there will be nothing after it. + if (!tokens.length) { + ret.push('
    '); + } + + ret.push('
    \n'); + blockWrapOpen = false; + continue; + // content + } else { + needsBlockWrap = isRoot; + html = escapeEntities(token.val, true); + } + + if (needsBlockWrap && !blockWrapOpen) { + ret.push('
    '); + blockWrapOpen = true; + } else if (!needsBlockWrap && blockWrapOpen) { + ret.push('
    \n'); + blockWrapOpen = false; + } + + ret.push(html); + } + + if (blockWrapOpen) { + ret.push('\n'); + } + + return ret.join(''); + } + + /** + * Takes a BBCode string, parses it then converts it back to BBCode. + * + * This will auto fix the BBCode and format it with the specified + * options. + * + * @param {string} str + * @param {boolean} preserveNewLines If to preserve all new lines, not + * strip any based on the passed + * formatting options + * @return {string} + * @memberOf BBCodeParser.prototype + */ + base.toBBCode = function (str, preserveNewLines) { + return convertToBBCode(base.parse(str, preserveNewLines)); + }; + + /** + * Converts parsed tokens back into BBCode with the + * formatting specified in the options and with any + * fixes specified. + * + * @param {array} toks Array of parsed tokens from base.parse() + * @return {string} + * @private + */ + function convertToBBCode(toks) { + var token, attr, bbcode, isBlock, isSelfClosing, quoteType, + breakBefore, breakStart, breakEnd, breakAfter, + // Create an array of strings which are joined together + // before being returned as this is faster in slow browsers. + // (Old versions of IE). + ret = []; + + while (toks.length > 0) { + if (!(token = toks.shift())) { + continue; + } + // TODO: tidy this + bbcode = bbcodeHandlers[token.name]; + isBlock = !(!bbcode || bbcode.isInline !== false); + isSelfClosing = bbcode && bbcode.isSelfClosing; + + breakBefore = (isBlock && base.opts.breakBeforeBlock && + bbcode.breakBefore !== false) || + (bbcode && bbcode.breakBefore); + + breakStart = (isBlock && !isSelfClosing && + base.opts.breakStartBlock && + bbcode.breakStart !== false) || + (bbcode && bbcode.breakStart); + + breakEnd = (isBlock && base.opts.breakEndBlock && + bbcode.breakEnd !== false) || + (bbcode && bbcode.breakEnd); + + breakAfter = (isBlock && base.opts.breakAfterBlock && + bbcode.breakAfter !== false) || + (bbcode && bbcode.breakAfter); + + quoteType = (bbcode ? bbcode.quoteType : null) || + base.opts.quoteType || QuoteType.auto; + + if (!bbcode && token.type === TOKEN_OPEN) { + ret.push(token.val); + + if (token.children) { + ret.push(convertToBBCode(token.children)); + } + + if (token.closing) { + ret.push(token.closing.val); + } + } else if (token.type === TOKEN_OPEN) { + if (breakBefore) { + ret.push('\n'); + } + + // Convert the tag and it's attributes to BBCode + ret.push('[' + token.name); + if (token.attrs) { + if (token.attrs.defaultattr) { + ret.push('=', quote( + token.attrs.defaultattr, + quoteType, + 'defaultattr' + )); + + delete token.attrs.defaultattr; + } + + for (attr in token.attrs) { + if (token.attrs.hasOwnProperty(attr)) { + ret.push(' ', attr, '=', + quote(token.attrs[attr], quoteType, attr)); + } + } + } + ret.push(']'); + + if (breakStart) { + ret.push('\n'); + } + + // Convert the tags children to BBCode + if (token.children) { + ret.push(convertToBBCode(token.children)); + } + + // add closing tag if not self closing + if (!isSelfClosing && !bbcode.excludeClosing) { + if (breakEnd) { + ret.push('\n'); + } + + ret.push('[/' + token.name + ']'); + } + + if (breakAfter) { + ret.push('\n'); + } + + // preserve whatever was recognized as the + // closing tag if it is a self closing tag + if (token.closing && isSelfClosing) { + ret.push(token.closing.val); + } + } else { + ret.push(token.val); + } + } + + return ret.join(''); + } + + /** + * Quotes an attribute + * + * @param {string} str + * @param {BBCodeParser.QuoteType} quoteType + * @param {string} name + * @return {string} + * @private + */ + function quote(str, quoteType, name) { + var needsQuotes = /\s|=/.test(str); + + if (isFunction(quoteType)) { + return quoteType(str, name); + } + + if (quoteType === QuoteType.never || + (quoteType === QuoteType.auto && !needsQuotes)) { + return str; + } + + return '"' + str.replace('\\', '\\\\').replace('"', '\\"') + '"'; + } + + /** + * Returns the last element of an array or null + * + * @param {array} arr + * @return {Object} Last element + * @private + */ + function last(arr) { + if (arr.length) { + return arr[arr.length - 1]; + } + + return null; + } + + /** + * Converts a string to lowercase. + * + * @param {string} str + * @return {string} Lowercase version of str + * @private + */ + function lower(str) { + return str.toLowerCase(); + } + }; + + /** + * Quote type + * @type {Object} + * @class QuoteType + * @name BBCodeParser.QuoteType + * @since v1.4.0 + */ + BBCodeParser.QuoteType = QuoteType; + + /** + * Default BBCode parser options + * @type {Object} + */ + BBCodeParser.defaults = { + /** + * If to add a new line before block level elements + * + * @type {Boolean} + */ + breakBeforeBlock: false, + + /** + * If to add a new line after the start of block level elements + * + * @type {Boolean} + */ + breakStartBlock: false, + + /** + * If to add a new line before the end of block level elements + * + * @type {Boolean} + */ + breakEndBlock: false, + + /** + * If to add a new line after block level elements + * + * @type {Boolean} + */ + breakAfterBlock: true, + + /** + * If to remove empty tags + * + * @type {Boolean} + */ + removeEmptyTags: true, + + /** + * If to fix invalid nesting, + * i.e. block level elements inside inline elements. + * + * @type {Boolean} + */ + fixInvalidNesting: true, + + /** + * If to fix invalid children. + * i.e. A tag which is inside a parent that doesn't + * allow that type of tag. + * + * @type {Boolean} + */ + fixInvalidChildren: true, + + /** + * Attribute quote type + * + * @type {BBCodeParser.QuoteType} + * @since 1.4.1 + */ + quoteType: QuoteType.auto + }; + + /** + * Converts a number 0-255 to hex. + * + * Will return 00 if number is not a valid number. + * + * @param {any} number + * @return {string} + * @private + */ + function toHex(number) { + number = parseInt(number, 10); + + if (isNaN(number)) { + return '00'; + } + + number = Math.max(0, Math.min(number, 255)).toString(16); + + return number.length < 2 ? '0' + number : number; + } + /** + * Normalises a CSS colour to hex #xxxxxx format + * + * @param {string} colorStr + * @return {string} + * @private + */ + function _normaliseColour(colorStr) { + var match; + + colorStr = colorStr || '#000'; + + // rgb(n,n,n); + if ((match = + colorStr.match(/rgb\((\d{1,3}),\s*?(\d{1,3}),\s*?(\d{1,3})\)/i))) { + return '#' + + toHex(match[1]) + + toHex(match[2]) + + toHex(match[3]); + } + + // expand shorthand + if ((match = colorStr.match(/#([0-f])([0-f])([0-f])\s*?$/i))) { + return '#' + + match[1] + match[1] + + match[2] + match[2] + + match[3] + match[3]; + } + + return colorStr; + } + + /** + * SCEditor BBCode format + * @since 2.0.0 + */ + function bbcodeFormat() { + var base = this; + + base.stripQuotes = _stripQuotes; + + /** + * cache of all the tags pointing to their bbcodes to enable + * faster lookup of which bbcode a tag should have + * @private + */ + var tagsToBBCodes = {}; + + /** + * Same as tagsToBBCodes but instead of HTML tags it's styles + * @private + */ + var stylesToBBCodes = {}; + + /** + * Allowed children of specific HTML tags. Empty array if no + * children other than text nodes are allowed + * @private + */ + var validChildren = { + ul: ['li', 'ol', 'ul'], + ol: ['li', 'ol', 'ul'], + table: ['tr'], + tr: ['td', 'th'], + code: ['br', 'p', 'div'] + }; + + /** + * Populates tagsToBBCodes and stylesToBBCodes to enable faster lookups + * + * @private + */ + function buildBbcodeCache() { + each(bbcodeHandlers, function (bbcode) { + var isBlock, + tags = bbcodeHandlers[bbcode].tags, + styles = bbcodeHandlers[bbcode].styles; + + if (tags) { + each(tags, function (tag, values) { + isBlock = bbcodeHandlers[bbcode].isInline === false; + + tagsToBBCodes[tag] = tagsToBBCodes[tag] || {}; + + tagsToBBCodes[tag][isBlock] = + tagsToBBCodes[tag][isBlock] || {}; + + tagsToBBCodes[tag][isBlock][bbcode] = values; + }); + } + + if (styles) { + each(styles, function (style, values) { + isBlock = bbcodeHandlers[bbcode].isInline === false; + + stylesToBBCodes[isBlock] = + stylesToBBCodes[isBlock] || {}; + + stylesToBBCodes[isBlock][style] = + stylesToBBCodes[isBlock][style] || {}; + + stylesToBBCodes[isBlock][style][bbcode] = values; + }); + } + }); + }; + + /** + * Checks if any bbcode styles match the elements styles + * + * @param {!HTMLElement} element + * @param {string} content + * @param {boolean} [blockLevel=false] + * @return {string} Content with any matching + * bbcode tags wrapped around it. + * @private + */ + function handleStyles(element, content, blockLevel) { + var styleValue, format, + getStyle = dom.getStyle; + + // convert blockLevel to boolean + blockLevel = !!blockLevel; + + if (!stylesToBBCodes[blockLevel]) { + return content; + } + + each(stylesToBBCodes[blockLevel], function (property, bbcodes) { + styleValue = getStyle(element, property); + + // if the parent has the same style use that instead of this one + // so you don't end up with [i]parent[i]child[/i][/i] + if (!styleValue || + getStyle(element.parentNode, property) === styleValue) { + return; + } + + each(bbcodes, function (bbcode, values) { + if (!values || values.indexOf(styleValue.toString()) > -1) { + format = bbcodeHandlers[bbcode].format; + + if (isFunction(format)) { + content = format.call(base, element, content); + } else { + content = _formatString(format, content); + } + } + }); + }); + + return content; + } + + /** + * Handles adding newlines after block level elements + * + * @param {HTMLElement} element The element to convert + * @param {string} content The tags text content + * @return {string} + * @private + */ + function handleBlockNewlines(element, content) { + var tag = element.nodeName.toLowerCase(); + var isInline = dom.isInline; + if (!isInline(element, true) || tag === 'br') { + var isLastBlockChild, parent, parentLastChild, + previousSibling = element.previousSibling; + + // Skips selection makers and ignored elements + // Skip empty inline elements + while (previousSibling && + previousSibling.nodeType === 1 && + !is(previousSibling, 'br') && + isInline(previousSibling, true) && + !previousSibling.firstChild) { + previousSibling = previousSibling.previousSibling; + } + + // If it's the last block of an inline that is the last + // child of a block then it shouldn't cause a line break + // except in IE < 11 + //
    + do { + parent = element.parentNode; + parentLastChild = parent && parent.lastChild; + + isLastBlockChild = parentLastChild === element; + element = parent; + } while (parent && isLastBlockChild && isInline(parent, true)); + + // If this block is: + // * Not the last child of a block level element + // * Is a
  • tag (lists are blocks) + // * Is IE < 11 and the tag is BR. IE < 11 never collapses BR + // tags. + if (!isLastBlockChild || tag === 'li' || + (tag === 'br' && IE_BR_FIX)) { + content += '\n'; + } + + // Check for: + // texttext + // + // The second opening opening tag should cause a + // line break because the previous sibing is inline. + if (tag !== 'br' && previousSibling && + !is(previousSibling, 'br') && + isInline(previousSibling, true)) { + content = '\n' + content; + } + } + + return content; + } + + /** + * Handles a HTML tag and finds any matching bbcodes + * + * @param {HTMLElement} element The element to convert + * @param {string} content The Tags text content + * @param {boolean} [blockLevel=false] If to convert block level tags + * @return {string} Content with any matching bbcode tags + * wrapped around it. + * @private + */ + function handleTags(element, content, blockLevel) { + var convertBBCode, format, + tag = element.nodeName.toLowerCase(); + + // convert blockLevel to boolean + blockLevel = !!blockLevel; + + if (tagsToBBCodes[tag] && tagsToBBCodes[tag][blockLevel]) { + // loop all bbcodes for this tag + each(tagsToBBCodes[tag][blockLevel], function ( + bbcode, bbcodeAttribs) { + // if the bbcode requires any attributes then check this has + // all needed + if (bbcodeAttribs) { + convertBBCode = false; + + // loop all the bbcode attribs + each(bbcodeAttribs, function (attrib, values) { + // Skip if the element doesn't have the attibue or + // the attribute doesn't match one of the require + // values + if (!attr(element, attrib) || (values && + values.indexOf(attr(element, attrib)) < 0)) { + return; + } + + // break this loop as we have matched this bbcode + convertBBCode = true; + return false; + }); + + if (!convertBBCode) { + return; + } + } + + format = bbcodeHandlers[bbcode].format; + + if (isFunction(format)) { + content = format.call(base, element, content); + } else { + content = _formatString(format, content); + } + }); + } + + return content; + } + + /** + * Converts a HTML dom element to BBCode starting from + * the innermost element and working backwards + * + * @private + * @param {HTMLElement} element + * @return {string} BBCode + * @memberOf SCEditor.plugins.bbcode.prototype + */ + function elementToBbcode(element) { + var toBBCode = function (node, vChildren) { + var ret = ''; + + dom.traverse(node, function (node) { + var curTag = '', + nodeType = node.nodeType, + tag = node.nodeName.toLowerCase(), + vChild = validChildren[tag], + firstChild = node.firstChild, + isValidChild = true; + + if (typeof vChildren === 'object') { + isValidChild = vChildren.indexOf(tag) > -1; + + // Emoticons should always be converted + if (is(node, 'img') && attr(node, EMOTICON_DATA_ATTR)) { + isValidChild = true; + } + + // if this tag is one of the parents allowed children + // then set this tags allowed children to whatever it + // allows, otherwise set to what the parent allows + if (!isValidChild) { + vChild = vChildren; + } + } + + // 3 = text and 1 = element + if (nodeType !== 3 && nodeType !== 1) { + return; + } + + if (nodeType === 1) { + // skip empty nlf elements (new lines automatically + // added after block level elements like quotes) + if (is(node, '.sceditor-nlf')) { + if (!firstChild || (!IE_BR_FIX && + node.childNodes.length === 1 && + /br/i.test(firstChild.nodeName))) { + return; + } + } + + // don't convert iframe contents + if (tag !== 'iframe') { + curTag = toBBCode(node, vChild); + } + + // TODO: isValidChild is no longer needed. Should use + // valid children bbcodes instead by creating BBCode + // tokens like the parser. + if (isValidChild) { + // code tags should skip most styles + if (tag !== 'code') { + // handle inline bbcodes + curTag = handleStyles(node, curTag); + curTag = handleTags(node, curTag); + + // handle blocklevel bbcodes + curTag = handleStyles(node, curTag, true); + } + + curTag = handleTags(node, curTag, true); + ret += handleBlockNewlines(node, curTag); + } else { + ret += curTag; + } + } else { + ret += node.nodeValue; + } + }, false, true); + + return ret; + }; + + return toBBCode(element); + }; + + /** + * Initializer + * @private + */ + base.init = function () { + base.opts = this.opts; + base.elementToBbcode = elementToBbcode; + + // build the BBCode cache + buildBbcodeCache(); + + this.commands = extend( + true, {}, defaultCommandsOverrides, this.commands + ); + + // Add BBCode helper methods + this.toBBCode = base.toSource; + this.fromBBCode = base.toHtml; + }; + + /** + * Converts BBCode into HTML + * + * @param {boolean} asFragment + * @param {string} source + * @param {boolean} [legacyAsFragment] Used by fromBBCode() method + */ + function toHtml(asFragment, source, legacyAsFragment) { + var parser = new BBCodeParser(base.opts.parserOptions); + var html = parser.toHTML( + base.opts.bbcodeTrim ? source.trim() : source + ); + + return (asFragment || legacyAsFragment) ? + removeFirstLastDiv(html) : html; + } + + /** + * Converts HTML into BBCode + * + * @param {boolean} asFragment + * @param {string} html + * @param {!Document} [context] + * @param {!HTMLElement} [parent] + * @return {string} + * @private + */ + function toSource(asFragment, html, context, parent) { + context = context || document; + + var bbcode, elements; + var containerParent = context.createElement('div'); + var container = context.createElement('div'); + var parser = new BBCodeParser(base.opts.parserOptions); + + container.innerHTML = html; + css(containerParent, 'visibility', 'hidden'); + containerParent.appendChild(container); + context.body.appendChild(containerParent); + + if (asFragment) { + // Add text before and after so removeWhiteSpace doesn't remove + // leading and trailing whitespace + containerParent.insertBefore( + context.createTextNode('#'), + containerParent.firstChild + ); + containerParent.appendChild(context.createTextNode('#')); + } + + // Match parents white-space handling + if (parent) { + css(container, 'whiteSpace', css(parent, 'whiteSpace')); + } + + // Remove all nodes with sceditor-ignore class + elements = container.getElementsByClassName('sceditor-ignore'); + while (elements.length) { + elements[0].parentNode.removeChild(elements[0]); + } + + dom.removeWhiteSpace(containerParent); + + bbcode = elementToBbcode(container); + + context.body.removeChild(containerParent); + + bbcode = parser.toBBCode(bbcode, true); + + if (base.opts.bbcodeTrim) { + bbcode = bbcode.trim(); + } + + return bbcode; + }; + + base.toHtml = toHtml.bind(null, false); + base.fragmentToHtml = toHtml.bind(null, true); + base.toSource = toSource.bind(null, false); + base.fragmentToSource = toSource.bind(null, true); + }; + + /** + * Gets a BBCode + * + * @param {string} name + * @return {Object|null} + * @since 2.0.0 + */ + bbcodeFormat.get = function (name) { + return bbcodeHandlers[name] || null; + }; + + /** + * Adds a BBCode to the parser or updates an existing + * BBCode if a BBCode with the specified name already exists. + * + * @param {string} name + * @param {Object} bbcode + * @return {this} + * @since 2.0.0 + */ + bbcodeFormat.set = function (name, bbcode) { + if (name && bbcode) { + // merge any existing command properties + bbcode = extend(bbcodeHandlers[name] || {}, bbcode); + + bbcode.remove = function () { + delete bbcodeHandlers[name]; + }; + + bbcodeHandlers[name] = bbcode; + } + + return this; + }; + + /** + * Renames a BBCode + * + * This does not change the format or HTML handling, those must be + * changed manually. + * + * @param {string} name [description] + * @param {string} newName [description] + * @return {this|false} + * @since 2.0.0 + */ + bbcodeFormat.rename = function (name, newName) { + if (name in bbcodeHandlers) { + bbcodeHandlers[newName] = bbcodeHandlers[name]; + + delete bbcodeHandlers[name]; + } + + return this; + }; + + /** + * Removes a BBCode + * + * @param {string} name + * @return {this} + * @since 2.0.0 + */ + bbcodeFormat.remove = function (name) { + if (name in bbcodeHandlers) { + delete bbcodeHandlers[name]; + } + + return this; + }; + + bbcodeFormat.formatBBCodeString = formatBBCodeString; + + sceditor.formats.bbcode = bbcodeFormat; + sceditor.BBCodeParser = BBCodeParser; +}(sceditor)); diff --git a/public/assets/development/jquery.sceditor.js b/public/assets/development/jquery.sceditor.js new file mode 100644 index 0000000..1eda8e8 --- /dev/null +++ b/public/assets/development/jquery.sceditor.js @@ -0,0 +1,7637 @@ +(function ($) { + 'use strict'; + + $ = $ && $.hasOwnProperty('default') ? $['default'] : $; + + /** + * Check if the passed argument is the + * the passed type. + * + * @param {string} type + * @param {*} arg + * @returns {boolean} + */ + function isTypeof(type, arg) { + return typeof arg === type; + } + + /** + * @type {function(*): boolean} + */ + var isString = isTypeof.bind(null, 'string'); + + /** + * @type {function(*): boolean} + */ + var isUndefined = isTypeof.bind(null, 'undefined'); + + /** + * @type {function(*): boolean} + */ + var isFunction = isTypeof.bind(null, 'function'); + + /** + * @type {function(*): boolean} + */ + var isNumber = isTypeof.bind(null, 'number'); + + + /** + * Returns true if an object has no keys + * + * @param {!Object} obj + * @returns {boolean} + */ + function isEmptyObject(obj) { + return !Object.keys(obj).length; + } + + /** + * Extends the first object with any extra objects passed + * + * If the first argument is boolean and set to true + * it will extend child arrays and objects recursively. + * + * @param {!Object|boolean} targetArg + * @param {...Object} source + * @return {Object} + */ + function extend(targetArg, sourceArg) { + var isTargetBoolean = targetArg === !!targetArg; + var i = isTargetBoolean ? 2 : 1; + var target = isTargetBoolean ? sourceArg : targetArg; + var isDeep = isTargetBoolean ? targetArg : false; + + for (; i < arguments.length; i++) { + var source = arguments[i]; + + // Copy all properties for jQuery compatibility + /* eslint guard-for-in: off */ + for (var key in source) { + var value = source[key]; + + // Skip undefined values to match jQuery and + // skip if target to prevent infinite loop + if (!isUndefined(value)) { + var isObject = value !== null && typeof value === 'object' && + Object.getPrototypeOf(value) === Object.prototype; + var isArray = Array.isArray(value); + + if (isDeep && (isObject || isArray)) { + target[key] = extend( + true, + target[key] || (isArray ? [] : {}), + value + ); + } else { + target[key] = value; + } + } + } + } + + return target; + } + + /** + * Removes an item from the passed array + * + * @param {!Array} arr + * @param {*} item + */ + function arrayRemove(arr, item) { + var i = arr.indexOf(item); + + if (i > -1) { + arr.splice(i, 1); + } + } + + /** + * Iterates over an array or object + * + * @param {!Object|Array} obj + * @param {function(*, *)} fn + */ + function each(obj, fn) { + if (Array.isArray(obj) || 'length' in obj && isNumber(obj.length)) { + for (var i = 0; i < obj.length; i++) { + fn(i, obj[i]); + } + } else { + Object.keys(obj).forEach(function (key) { + fn(key, obj[key]); + }); + } + } + + /** + * Cache of camelCase CSS property names + * @type {Object} + */ + var cssPropertyNameCache = {}; + + /** + * Node type constant for element nodes + * + * @type {number} + */ + var ELEMENT_NODE = 1; + + /** + * Node type constant for text nodes + * + * @type {number} + */ + var TEXT_NODE = 3; + + /** + * Node type constant for comment nodes + * + * @type {number} + */ + + + /** + * Node type document nodes + * + * @type {number} + */ + + + /** + * Node type constant for document fragments + * + * @type {number} + */ + + + function toFloat(value) { + value = parseFloat(value); + + return isFinite(value) ? value : 0; + } + + /** + * Creates an element with the specified attributes + * + * Will create it in the current document unless context + * is specified. + * + * @param {!string} tag + * @param {!Object} [attributes] + * @param {!Document} [context] + * @returns {!HTMLElement} + */ + function createElement(tag, attributes, context) { + var node = (context || document).createElement(tag); + + each(attributes || {}, function (key, value) { + if (key === 'style') { + node.style.cssText = value; + } else if (key in node) { + node[key] = value; + } else { + node.setAttribute(key, value); + } + }); + + return node; + } + + /** + * Returns an array of parents that matches the selector + * + * @param {!HTMLElement} node + * @param {!string} [selector] + * @returns {Array} + */ + + + /** + * Gets the first parent node that matches the selector + * + * @param {!HTMLElement} node + * @param {!string} [selector] + * @returns {HTMLElement|undefined} + */ + function parent(node, selector) { + var parent = node || {}; + + while ((parent = parent.parentNode) && !/(9|11)/.test(parent.nodeType)) { + if (!selector || is(parent, selector)) { + return parent; + } + } + } + + /** + * Checks the passed node and all parents and + * returns the first matching node if any. + * + * @param {!HTMLElement} node + * @param {!string} selector + * @returns {HTMLElement|undefined} + */ + function closest(node, selector) { + return is(node, selector) ? node : parent(node, selector); + } + + /** + * Removes the node from the DOM + * + * @param {!HTMLElement} node + */ + function remove(node) { + if (node.parentNode) { + node.parentNode.removeChild(node); + } + } + + /** + * Appends child to parent node + * + * @param {!HTMLElement} node + * @param {!HTMLElement} child + */ + function appendChild(node, child) { + node.appendChild(child); + } + + /** + * Finds any child nodes that match the selector + * + * @param {!HTMLElement} node + * @param {!string} selector + * @returns {NodeList} + */ + function find(node, selector) { + return node.querySelectorAll(selector); + } + + /** + * For on() and off() if to add/remove the event + * to the capture phase + * + * @type {boolean} + */ + var EVENT_CAPTURE = true; + + /** + * For on() and off() if to add/remove the event + * to the bubble phase + * + * @type {boolean} + */ + + + /** + * Adds an event listener for the specified events. + * + * Events should be a space separated list of events. + * + * If selector is specified the handler will only be + * called when the event target matches the selector. + * + * @param {!Node} node + * @param {string} events + * @param {string} [selector] + * @param {function(Object)} fn + * @param {boolean} [capture=false] + * @see off() + */ + // eslint-disable-next-line max-params + function on(node, events, selector, fn, capture) { + events.split(' ').forEach(function (event) { + var handler; + + if (isString(selector)) { + handler = fn['_sce-event-' + event + selector] || function (e) { + var target = e.target; + while (target && target !== node) { + if (is(target, selector)) { + fn.call(target, e); + return; + } + + target = target.parentNode; + } + }; + + fn['_sce-event-' + event + selector] = handler; + } else { + handler = selector; + capture = fn; + } + + node.addEventListener(event, handler, capture || false); + }); + } + + /** + * Removes an event listener for the specified events. + * + * @param {!Node} node + * @param {string} events + * @param {string} [selector] + * @param {function(Object)} fn + * @param {boolean} [capture=false] + * @see on() + */ + // eslint-disable-next-line max-params + function off(node, events, selector, fn, capture) { + events.split(' ').forEach(function (event) { + var handler; + + if (isString(selector)) { + handler = fn['_sce-event-' + event + selector]; + } else { + handler = selector; + capture = fn; + } + + node.removeEventListener(event, handler, capture || false); + }); + } + + /** + * If only attr param is specified it will get + * the value of the attr param. + * + * If value is specified but null the attribute + * will be removed otherwise the attr value will + * be set to the passed value. + * + * @param {!HTMLElement} node + * @param {!string} attr + * @param {?string} [value] + */ + function attr(node, attr, value) { + if (arguments.length < 3) { + return node.getAttribute(attr); + } + + // eslint-disable-next-line eqeqeq, no-eq-null + if (value == null) { + removeAttr(node, attr); + } else { + node.setAttribute(attr, value); + } + } + + /** + * Removes the specified attribute + * + * @param {!HTMLElement} node + * @param {!string} attr + */ + function removeAttr(node, attr) { + node.removeAttribute(attr); + } + + /** + * Sets the passed elements display to none + * + * @param {!HTMLElement} node + */ + function hide(node) { + css(node, 'display', 'none'); + } + + /** + * Sets the passed elements display to default + * + * @param {!HTMLElement} node + */ + function show(node) { + css(node, 'display', ''); + } + + /** + * Toggles an elements visibility + * + * @param {!HTMLElement} node + */ + function toggle(node) { + if (isVisible(node)) { + hide(node); + } else { + show(node); + } + } + + /** + * Gets a computed CSS values or sets an inline CSS value + * + * Rules should be in camelCase format and not + * hyphenated like CSS properties. + * + * @param {!HTMLElement} node + * @param {!Object|string} rule + * @param {string|number} [value] + * @return {string|number|undefined} + */ + function css(node, rule, value) { + if (arguments.length < 3) { + if (isString(rule)) { + return node.nodeType === 1 ? getComputedStyle(node)[rule] : null; + } + + each(rule, function (key, value) { + css(node, key, value); + }); + } else { + // isNaN returns false for null, false and empty strings + // so need to check it's truthy or 0 + var isNumeric = (value || value === 0) && !isNaN(value); + node.style[rule] = isNumeric ? value + 'px' : value; + } + } + + + /** + * Gets or sets thee data attributes on a node + * + * Unlike the jQuery version this only stores data + * in the DOM attributes which means only strings + * can be stored. + * + * @param {Node} node + * @param {string} [key] + * @param {string} [value] + * @return {Object|undefined} + */ + function data(node, key, value) { + var argsLength = arguments.length; + var data = {}; + + if (node.nodeType === ELEMENT_NODE) { + if (argsLength === 1) { + each(node.attributes, function (_, attr) { + if (/^data\-/i.test(attr.name)) { + data[attr.name.substr(5)] = attr.value; + } + }); + + return data; + } + + if (argsLength === 2) { + return attr(node, 'data-' + key); + } + + attr(node, 'data-' + key, String(value)); + } + } + + /** + * Checks if node matches the given selector. + * + * @param {?HTMLElement} node + * @param {string} selector + * @returns {boolean} + */ + function is(node, selector) { + var result = false; + + if (node && node.nodeType === ELEMENT_NODE) { + result = (node.matches || node.msMatchesSelector || + node.webkitMatchesSelector).call(node, selector); + } + + return result; + } + + + /** + * Returns true if node contains child otherwise false. + * + * This differs from the DOM contains() method in that + * if node and child are equal this will return false. + * + * @param {!Node} node + * @param {HTMLElement} child + * @returns {boolean} + */ + function contains(node, child) { + return node !== child && node.contains && node.contains(child); + } + + /** + * @param {Node} node + * @param {string} [selector] + * @returns {?HTMLElement} + */ + function previousElementSibling(node, selector) { + var prev = node.previousElementSibling; + + if (selector && prev) { + return is(prev, selector) ? prev : null; + } + + return prev; + } + + /** + * @param {!Node} node + * @param {!Node} refNode + * @returns {Node} + */ + function insertBefore(node, refNode) { + return refNode.parentNode.insertBefore(node, refNode); + } + + /** + * @param {?HTMLElement} node + * @returns {!Array.} + */ + function classes(node) { + return node.className.trim().split(/\s+/); + } + + /** + * @param {?HTMLElement} node + * @param {string} className + * @returns {boolean} + */ + function hasClass(node, className) { + return is(node, '.' + className); + } + + /** + * @param {!HTMLElement} node + * @param {string} className + */ + function addClass(node, className) { + var classList = classes(node); + + if (classList.indexOf(className) < 0) { + classList.push(className); + } + + node.className = classList.join(' '); + } + + /** + * @param {!HTMLElement} node + * @param {string} className + */ + function removeClass(node, className) { + var classList = classes(node); + + arrayRemove(classList, className); + + node.className = classList.join(' '); + } + + /** + * Toggles a class on node. + * + * If state is specified and is truthy it will add + * the class. + * + * If state is specified and is falsey it will remove + * the class. + * + * @param {HTMLElement} node + * @param {string} className + * @param {boolean} [state] + */ + function toggleClass(node, className, state) { + state = isUndefined(state) ? !hasClass(node, className) : state; + + if (state) { + addClass(node, className); + } else { + removeClass(node, className); + } + } + + /** + * Gets or sets the width of the passed node. + * + * @param {HTMLElement} node + * @param {number|string} [value] + * @returns {number|undefined} + */ + function width(node, value) { + if (isUndefined(value)) { + var cs = getComputedStyle(node); + var padding = toFloat(cs.paddingLeft) + toFloat(cs.paddingRight); + var border = toFloat(cs.borderLeftWidth) + toFloat(cs.borderRightWidth); + + return node.offsetWidth - padding - border; + } + + css(node, 'width', value); + } + + /** + * Gets or sets the height of the passed node. + * + * @param {HTMLElement} node + * @param {number|string} [value] + * @returns {number|undefined} + */ + function height(node, value) { + if (isUndefined(value)) { + var cs = getComputedStyle(node); + var padding = toFloat(cs.paddingTop) + toFloat(cs.paddingBottom); + var border = toFloat(cs.borderTopWidth) + toFloat(cs.borderBottomWidth); + + return node.offsetHeight - padding - border; + } + + css(node, 'height', value); + } + + /** + * Triggers a custom event with the specified name and + * sets the detail property to the data object passed. + * + * @param {HTMLElement} node + * @param {string} eventName + * @param {Object} [data] + */ + function trigger(node, eventName, data) { + var event; + + if (isFunction(window.CustomEvent)) { + event = new CustomEvent(eventName, { + bubbles: true, + cancelable: true, + detail: data + }); + } else { + event = node.ownerDocument.createEvent('CustomEvent'); + event.initCustomEvent(eventName, true, true, data); + } + + node.dispatchEvent(event); + } + + /** + * Returns if a node is visible. + * + * @param {HTMLElement} + * @returns {boolean} + */ + function isVisible(node) { + return !!node.getClientRects().length; + } + + /** + * Convert CSS property names into camel case + * + * @param {string} string + * @returns {string} + */ + function camelCase(string) { + return string + .replace(/^-ms-/, 'ms-') + .replace(/-(\w)/g, function (match, char) { + return char.toUpperCase(); + }); + } + + + /** + * Loop all child nodes of the passed node + * + * The function should accept 1 parameter being the node. + * If the function returns false the loop will be exited. + * + * @param {HTMLElement} node + * @param {function} func Callback which is called with every + * child node as the first argument. + * @param {boolean} innermostFirst If the innermost node should be passed + * to the function before it's parents. + * @param {boolean} siblingsOnly If to only traverse the nodes siblings + * @param {boolean} [reverse=false] If to traverse the nodes in reverse + */ + // eslint-disable-next-line max-params + function traverse(node, func, innermostFirst, siblingsOnly, reverse) { + node = reverse ? node.lastChild : node.firstChild; + + while (node) { + var next = reverse ? node.previousSibling : node.nextSibling; + + if ( + (!innermostFirst && func(node) === false) || + (!siblingsOnly && traverse( + node, func, innermostFirst, siblingsOnly, reverse + ) === false) || + (innermostFirst && func(node) === false) + ) { + return false; + } + + node = next; + } + } + + /** + * Like traverse but loops in reverse + * @see traverse + */ + function rTraverse(node, func, innermostFirst, siblingsOnly) { + traverse(node, func, innermostFirst, siblingsOnly, true); + } + + /** + * Parses HTML into a document fragment + * + * @param {string} html + * @param {Document} [context] + * @since 1.4.4 + * @return {DocumentFragment} + */ + function parseHTML(html, context) { + context = context || document; + + var ret = context.createDocumentFragment(); + var tmp = createElement('div', {}, context); + + tmp.innerHTML = html; + + while (tmp.firstChild) { + appendChild(ret, tmp.firstChild); + } + + return ret; + } + + /** + * Checks if an element has any styling. + * + * It has styling if it is not a plain
    or

    or + * if it has a class, style attribute or data. + * + * @param {HTMLElement} elm + * @return {boolean} + * @since 1.4.4 + */ + function hasStyling(node) { + return node && (!is(node, 'p,div') || node.className || + attr(node, 'style') || !isEmptyObject(data(node))); + } + + /** + * Converts an element from one type to another. + * + * For example it can convert the element to + * + * @param {HTMLElement} element + * @param {string} toTagName + * @return {HTMLElement} + * @since 1.4.4 + */ + function convertElement(element, toTagName) { + var newElement = createElement(toTagName, {}, element.ownerDocument); + + each(element.attributes, function (_, attribute) { + // Some browsers parse invalid attributes names like + // 'size"2' which throw an exception when set, just + // ignore these. + try { + attr(newElement, attribute.name, attribute.value); + } catch (ex) {} + }); + + while (element.firstChild) { + appendChild(newElement, element.firstChild); + } + + element.parentNode.replaceChild(newElement, element); + + return newElement; + } + + /** + * List of block level elements separated by bars (|) + * + * @type {string} + */ + var blockLevelList = '|body|hr|p|div|h1|h2|h3|h4|h5|h6|address|pre|' + + 'form|table|tbody|thead|tfoot|th|tr|td|li|ol|ul|blockquote|center|'; + + /** + * List of elements that do not allow children separated by bars (|) + * + * @param {Node} node + * @return {boolean} + * @since 1.4.5 + */ + function canHaveChildren(node) { + // 1 = Element + // 9 = Document + // 11 = Document Fragment + if (!/11?|9/.test(node.nodeType)) { + return false; + } + + // List of empty HTML tags separated by bar (|) character. + // Source: http://www.w3.org/TR/html4/index/elements.html + // Source: http://www.w3.org/TR/html5/syntax.html#void-elements + return ('|iframe|area|base|basefont|br|col|frame|hr|img|input|wbr' + + '|isindex|link|meta|param|command|embed|keygen|source|track|' + + 'object|').indexOf('|' + node.nodeName.toLowerCase() + '|') < 0; + } + + /** + * Checks if an element is inline + * + * @param {HTMLElement} elm + * @param {boolean} [includeCodeAsBlock=false] + * @return {boolean} + */ + function isInline(elm, includeCodeAsBlock) { + var tagName, + nodeType = (elm || {}).nodeType || TEXT_NODE; + + if (nodeType !== ELEMENT_NODE) { + return nodeType === TEXT_NODE; + } + + tagName = elm.tagName.toLowerCase(); + + if (tagName === 'code') { + return !includeCodeAsBlock; + } + + return blockLevelList.indexOf('|' + tagName + '|') < 0; + } + + /** + * Copy the CSS from 1 node to another. + * + * Only copies CSS defined on the element e.g. style attr. + * + * @param {HTMLElement} from + * @param {HTMLElement} to + */ + function copyCSS(from, to) { + to.style.cssText = from.style.cssText + to.style.cssText; + } + + /** + * Fixes block level elements inside in inline elements. + * + * Also fixes invalid list nesting by placing nested lists + * inside the previous li tag or wrapping them in an li tag. + * + * @param {HTMLElement} node + */ + function fixNesting(node) { + var getLastInlineParent = function (node) { + while (isInline(node.parentNode, true)) { + node = node.parentNode; + } + + return node; + }; + + traverse(node, function (node) { + var list = 'ul,ol', + isBlock = !isInline(node, true); + + // Any blocklevel element inside an inline element needs fixing. + if (isBlock && isInline(node.parentNode, true)) { + var parent = getLastInlineParent(node), + before = extractContents(parent, node), + middle = node; + + // copy current styling so when moved out of the parent + // it still has the same styling + copyCSS(parent, middle); + + insertBefore(before, parent); + insertBefore(middle, parent); + } + + // Fix invalid nested lists which should be wrapped in an li tag + if (isBlock && is(node, list) && is(node.parentNode, list)) { + var li = previousElementSibling(node, 'li'); + + if (!li) { + li = createElement('li'); + insertBefore(li, node); + } + + appendChild(li, node); + } + }); + } + + /** + * Finds the common parent of two nodes + * + * @param {!HTMLElement} node1 + * @param {!HTMLElement} node2 + * @return {?HTMLElement} + */ + function findCommonAncestor(node1, node2) { + while ((node1 = node1.parentNode)) { + if (contains(node1, node2)) { + return node1; + } + } + } + + /** + * @param {?Node} + * @param {boolean} [previous=false] + * @returns {?Node} + */ + function getSibling(node, previous) { + if (!node) { + return null; + } + + return (previous ? node.previousSibling : node.nextSibling) || + getSibling(node.parentNode, previous); + } + + /** + * Removes unused whitespace from the root and all it's children. + * + * @param {!HTMLElement} root + * @since 1.4.3 + */ + function removeWhiteSpace(root) { + var nodeValue, nodeType, next, previous, previousSibling, + nextNode, trimStart, + cssWhiteSpace = css(root, 'whiteSpace'), + // Preserve newlines if is pre-line + preserveNewLines = /line$/i.test(cssWhiteSpace), + node = root.firstChild; + + // Skip pre & pre-wrap with any vendor prefix + if (/pre(\-wrap)?$/i.test(cssWhiteSpace)) { + return; + } + + while (node) { + nextNode = node.nextSibling; + nodeValue = node.nodeValue; + nodeType = node.nodeType; + + if (nodeType === ELEMENT_NODE && node.firstChild) { + removeWhiteSpace(node); + } + + if (nodeType === TEXT_NODE) { + next = getSibling(node); + previous = getSibling(node, true); + trimStart = false; + + while (hasClass(previous, 'sceditor-ignore')) { + previous = getSibling(previous, true); + } + + // If previous sibling isn't inline or is a textnode that + // ends in whitespace, time the start whitespace + if (isInline(node) && previous) { + previousSibling = previous; + + while (previousSibling.lastChild) { + previousSibling = previousSibling.lastChild; + + // eslint-disable-next-line max-depth + while (hasClass(previousSibling, 'sceditor-ignore')) { + previousSibling = getSibling(previousSibling, true); + } + } + + trimStart = previousSibling.nodeType === TEXT_NODE ? + /[\t\n\r ]$/.test(previousSibling.nodeValue) : + !isInline(previousSibling); + } + + // Clear zero width spaces + nodeValue = nodeValue.replace(/\u200B/g, ''); + + // Strip leading whitespace + if (!previous || !isInline(previous) || trimStart) { + nodeValue = nodeValue.replace( + preserveNewLines ? /^[\t ]+/ : /^[\t\n\r ]+/, + '' + ); + } + + // Strip trailing whitespace + if (!next || !isInline(next)) { + nodeValue = nodeValue.replace( + preserveNewLines ? /[\t ]+$/ : /[\t\n\r ]+$/, + '' + ); + } + + // Remove empty text nodes + if (!nodeValue.length) { + remove(node); + } else { + node.nodeValue = nodeValue.replace( + preserveNewLines ? /[\t ]+/g : /[\t\n\r ]+/g, + ' ' + ); + } + } + + node = nextNode; + } + } + + /** + * Extracts all the nodes between the start and end nodes + * + * @param {HTMLElement} startNode The node to start extracting at + * @param {HTMLElement} endNode The node to stop extracting at + * @return {DocumentFragment} + */ + function extractContents(startNode, endNode) { + var range = startNode.ownerDocument.createRange(); + + range.setStartBefore(startNode); + range.setEndAfter(endNode); + + return range.extractContents(); + } + + /** + * Gets the offset position of an element + * + * @param {HTMLElement} node + * @return {Object} An object with left and top properties + */ + function getOffset(node) { + var left = 0, + top = 0; + + while (node) { + left += node.offsetLeft; + top += node.offsetTop; + node = node.offsetParent; + } + + return { + left: left, + top: top + }; + } + + /** + * Gets the value of a CSS property from the elements style attribute + * + * @param {HTMLElement} elm + * @param {string} property + * @return {string} + */ + function getStyle(elm, property) { + var direction, styleValue, + elmStyle = elm.style; + + if (!cssPropertyNameCache[property]) { + cssPropertyNameCache[property] = camelCase(property); + } + + property = cssPropertyNameCache[property]; + styleValue = elmStyle[property]; + + // Add an exception for text-align + if ('textAlign' === property) { + direction = elmStyle.direction; + styleValue = styleValue || css(elm, property); + + if (css(elm.parentNode, property) === styleValue || + css(elm, 'display') !== 'block' || is(elm, 'hr,th')) { + return ''; + } + + // IE changes text-align to the same as the current direction + // so skip unless its not the same + if ((/right/i.test(styleValue) && direction === 'rtl') || + (/left/i.test(styleValue) && direction === 'ltr')) { + return ''; + } + } + + return styleValue; + } + + /** + * Tests if an element has a style. + * + * If values are specified it will check that the styles value + * matches one of the values + * + * @param {HTMLElement} elm + * @param {string} property + * @param {string|array} [values] + * @return {boolean} + */ + function hasStyle(elm, property, values) { + var styleValue = getStyle(elm, property); + + if (!styleValue) { + return false; + } + + return !values || styleValue === values || + (Array.isArray(values) && values.indexOf(styleValue) > -1); + } + + /** + * Default options for SCEditor + * @type {Object} + */ + var defaultOptions = { + /** @lends jQuery.sceditor.defaultOptions */ + /** + * Toolbar buttons order and groups. Should be comma separated and + * have a bar | to separate groups + * + * @type {string} + */ + toolbar: 'bold,italic,underline,strike,subscript,superscript|' + + 'left,center,right,justify|font,size,color,removeformat|' + + 'cut,copy,pastetext|bulletlist,orderedlist,indent,outdent|' + + 'table|code,quote|horizontalrule,image,email,link,unlink|' + + 'emoticon,youtube,date,time|ltr,rtl|print,maximize,source', + + /** + * Comma separated list of commands to excludes from the toolbar + * + * @type {string} + */ + toolbarExclude: null, + + /** + * Stylesheet to include in the WYSIWYG editor. This is what will style + * the WYSIWYG elements + * + * @type {string} + */ + style: 'jquery.sceditor.default.css', + + /** + * Comma separated list of fonts for the font selector + * + * @type {string} + */ + fonts: 'Arial,Arial Black,Comic Sans MS,Courier New,Georgia,Impact,' + + 'Sans-serif,Serif,Times New Roman,Trebuchet MS,Verdana', + + /** + * Colors should be comma separated and have a bar | to signal a new + * column. + * + * If null the colors will be auto generated. + * + * @type {string} + */ + colors: '#000000,#44B8FF,#1E92F7,#0074D9,#005DC2,#00369B,#b3d5f4|' + + '#444444,#C3FFFF,#9DF9FF,#7FDBFF,#68C4E8,#419DC1,#d9f4ff|' + + '#666666,#72FF84,#4CEA5E,#2ECC40,#17B529,#008E02,#c0f0c6|' + + '#888888,#FFFF44,#FFFA1E,#FFDC00,#E8C500,#C19E00,#fff5b3|' + + '#aaaaaa,#FFC95F,#FFA339,#FF851B,#E86E04,#C14700,#ffdbbb|' + + '#cccccc,#FF857A,#FF5F54,#FF4136,#E82A1F,#C10300,#ffc6c3|' + + '#eeeeee,#FF56FF,#FF30DC,#F012BE,#D900A7,#B20080,#fbb8ec|' + + '#ffffff,#F551FF,#CF2BE7,#B10DC9,#9A00B2,#9A00B2,#e8b6ef', + + /** + * The locale to use. + * @type {string} + */ + locale: attr(document.documentElement, 'lang') || 'en', + + /** + * The Charset to use + * @type {string} + */ + charset: 'utf-8', + + /** + * Compatibility mode for emoticons. + * + * Helps if you have emoticons such as :/ which would put an emoticon + * inside http:// + * + * This mode requires emoticons to be surrounded by whitespace or end of + * line chars. This mode has limited As You Type emoticon conversion + * support. It will not replace AYT for end of line chars, only + * emoticons surrounded by whitespace. They will still be replaced + * correctly when loaded just not AYT. + * + * @type {boolean} + */ + emoticonsCompat: false, + + /** + * If to enable emoticons. Can be changes at runtime using the + * emoticons() method. + * + * @type {boolean} + * @since 1.4.2 + */ + emoticonsEnabled: true, + + /** + * Emoticon root URL + * + * @type {string} + */ + emoticonsRoot: '', + emoticons: { + dropdown: { + ':)': 'emoticons/smile.png', + ':angel:': 'emoticons/angel.png', + ':angry:': 'emoticons/angry.png', + '8-)': 'emoticons/cool.png', + ':\'(': 'emoticons/cwy.png', + ':ermm:': 'emoticons/ermm.png', + ':D': 'emoticons/grin.png', + '<3': 'emoticons/heart.png', + ':(': 'emoticons/sad.png', + ':O': 'emoticons/shocked.png', + ':P': 'emoticons/tongue.png', + ';)': 'emoticons/wink.png' + }, + more: { + ':alien:': 'emoticons/alien.png', + ':blink:': 'emoticons/blink.png', + ':blush:': 'emoticons/blush.png', + ':cheerful:': 'emoticons/cheerful.png', + ':devil:': 'emoticons/devil.png', + ':dizzy:': 'emoticons/dizzy.png', + ':getlost:': 'emoticons/getlost.png', + ':happy:': 'emoticons/happy.png', + ':kissing:': 'emoticons/kissing.png', + ':ninja:': 'emoticons/ninja.png', + ':pinch:': 'emoticons/pinch.png', + ':pouty:': 'emoticons/pouty.png', + ':sick:': 'emoticons/sick.png', + ':sideways:': 'emoticons/sideways.png', + ':silly:': 'emoticons/silly.png', + ':sleeping:': 'emoticons/sleeping.png', + ':unsure:': 'emoticons/unsure.png', + ':woot:': 'emoticons/w00t.png', + ':wassat:': 'emoticons/wassat.png' + }, + hidden: { + ':whistling:': 'emoticons/whistling.png', + ':love:': 'emoticons/wub.png' + } + }, + + /** + * Width of the editor. Set to null for automatic with + * + * @type {?number} + */ + width: null, + + /** + * Height of the editor including toolbar. Set to null for automatic + * height + * + * @type {?number} + */ + height: null, + + /** + * If to allow the editor to be resized + * + * @type {boolean} + */ + resizeEnabled: true, + + /** + * Min resize to width, set to null for half textarea width or -1 for + * unlimited + * + * @type {?number} + */ + resizeMinWidth: null, + /** + * Min resize to height, set to null for half textarea height or -1 for + * unlimited + * + * @type {?number} + */ + resizeMinHeight: null, + /** + * Max resize to height, set to null for double textarea height or -1 + * for unlimited + * + * @type {?number} + */ + resizeMaxHeight: null, + /** + * Max resize to width, set to null for double textarea width or -1 for + * unlimited + * + * @type {?number} + */ + resizeMaxWidth: null, + /** + * If resizing by height is enabled + * + * @type {boolean} + */ + resizeHeight: true, + /** + * If resizing by width is enabled + * + * @type {boolean} + */ + resizeWidth: true, + + /** + * Date format, will be overridden if locale specifies one. + * + * The words year, month and day will be replaced with the users current + * year, month and day. + * + * @type {string} + */ + dateFormat: 'year-month-day', + + /** + * Element to inset the toolbar into. + * + * @type {HTMLElement} + */ + toolbarContainer: null, + + /** + * If to enable paste filtering. This is currently experimental, please + * report any issues. + * + * @type {boolean} + */ + enablePasteFiltering: false, + + /** + * If to completely disable pasting into the editor + * + * @type {boolean} + */ + disablePasting: false, + + /** + * If the editor is read only. + * + * @type {boolean} + */ + readOnly: false, + + /** + * If to set the editor to right-to-left mode. + * + * If set to null the direction will be automatically detected. + * + * @type {boolean} + */ + rtl: false, + + /** + * If to auto focus the editor on page load + * + * @type {boolean} + */ + autofocus: false, + + /** + * If to auto focus the editor to the end of the content + * + * @type {boolean} + */ + autofocusEnd: true, + + /** + * If to auto expand the editor to fix the content + * + * @type {boolean} + */ + autoExpand: false, + + /** + * If to auto update original textbox on blur + * + * @type {boolean} + */ + autoUpdate: false, + + /** + * If to enable the browsers built in spell checker + * + * @type {boolean} + */ + spellcheck: true, + + /** + * If to run the source editor when there is no WYSIWYG support. Only + * really applies to mobile OS's. + * + * @type {boolean} + */ + runWithoutWysiwygSupport: false, + + /** + * If to load the editor in source mode and still allow switching + * between WYSIWYG and source mode + * + * @type {boolean} + */ + startInSourceMode: false, + + /** + * Optional ID to give the editor. + * + * @type {string} + */ + id: null, + + /** + * Comma separated list of plugins + * + * @type {string} + */ + plugins: '', + + /** + * z-index to set the editor container to. Needed for jQuery UI dialog. + * + * @type {?number} + */ + zIndex: null, + + /** + * If to trim the BBCode. Removes any spaces at the start and end of the + * BBCode string. + * + * @type {boolean} + */ + bbcodeTrim: false, + + /** + * If to disable removing block level elements by pressing backspace at + * the start of them + * + * @type {boolean} + */ + disableBlockRemove: false, + + /** + * BBCode parser options, only applies if using the editor in BBCode + * mode. + * + * See SCEditor.BBCodeParser.defaults for list of valid options + * + * @type {Object} + */ + parserOptions: { }, + + /** + * CSS that will be added to the to dropdown menu (eg. z-index) + * + * @type {Object} + */ + dropDownCss: { } + }; + + var USER_AGENT = navigator.userAgent; + + /** + * Detects the version of IE is being used if any. + * + * Will be the IE version number or undefined if the + * browser is not IE. + * + * Source: https://gist.github.com/527683 with extra code + * for IE 10 & 11 detection. + * + * @function + * @name ie + * @type {number} + */ + var ie = (function () { + var undef, + v = 3, + doc = document, + div = doc.createElement('div'), + all = div.getElementsByTagName('i'); + + do { + div.innerHTML = ''; + } while (all[0]); + + // Detect IE 10 as it doesn't support conditional comments. + if ((doc.documentMode && doc.all && window.atob)) { + v = 10; + } + + // Detect IE 11 + if (v === 4 && doc.documentMode) { + v = 11; + } + + return v > 4 ? v : undef; + }()); + + var edge = '-ms-ime-align' in document.documentElement.style; + + /** + * Detects if the browser is iOS + * + * Needed to fix iOS specific bugs + * + * @function + * @name ios + * @memberOf jQuery.sceditor + * @type {boolean} + */ + var ios = /iPhone|iPod|iPad| wosbrowser\//i.test(USER_AGENT); + + /** + * If the browser supports WYSIWYG editing (e.g. older mobile browsers). + * + * @function + * @name isWysiwygSupported + * @return {boolean} + */ + var isWysiwygSupported = (function () { + var match, isUnsupported; + + var div = document.createElement('div'); + div.contentEditable = true ; + + // Check if the contentEditable attribute is supported + if (!('contentEditable' in document.documentElement) || + div.contentEditable !== 'true') { + return false; + } + + // I think blackberry supports contentEditable or will at least + // give a valid value for the contentEditable detection above + // so it isn't included in the below tests. + + // I hate having to do UA sniffing but some mobile browsers say they + // support contentediable when it isn't usable, i.e. you can't enter + // text. + // This is the only way I can think of to detect them which is also how + // every other editor I've seen deals with this issue. + + // Exclude Opera mobile and mini + isUnsupported = /Opera Mobi|Opera Mini/i.test(USER_AGENT); + + if (/Android/i.test(USER_AGENT)) { + isUnsupported = true; + + if (/Safari/.test(USER_AGENT)) { + // Android browser 534+ supports content editable + // This also matches Chrome which supports content editable too + match = /Safari\/(\d+)/.exec(USER_AGENT); + isUnsupported = (!match || !match[1] ? true : match[1] < 534); + } + } + + // The current version of Amazon Silk supports it, older versions didn't + // As it uses webkit like Android, assume it's the same and started + // working at versions >= 534 + if (/ Silk\//i.test(USER_AGENT)) { + match = /AppleWebKit\/(\d+)/.exec(USER_AGENT); + isUnsupported = (!match || !match[1] ? true : match[1] < 534); + } + + // iOS 5+ supports content editable + if (ios) { + // Block any version <= 4_x(_x) + isUnsupported = /OS [0-4](_\d)+ like Mac/i.test(USER_AGENT); + } + + // Firefox does support WYSIWYG on mobiles so override + // any previous value if using FF + if (/Firefox/i.test(USER_AGENT)) { + isUnsupported = false; + } + + if (/OneBrowser/i.test(USER_AGENT)) { + isUnsupported = false; + } + + // UCBrowser works but doesn't give a unique user agent + if (navigator.vendor === 'UCWEB') { + isUnsupported = false; + } + + // IE <= 9 is not supported any more + if (ie <= 9) { + isUnsupported = true; + } + + return !isUnsupported; + }()); + + // Must start with a valid scheme + // ^ + // Schemes that are considered safe + // (https?|s?ftp|mailto|spotify|skype|ssh|teamspeak|tel):| + // Relative schemes (//:) are considered safe + // (\\/\\/)| + // Image data URI's are considered safe + // data:image\\/(png|bmp|gif|p?jpe?g); + var VALID_SCHEME_REGEX = + /^(https?|s?ftp|mailto|spotify|skype|ssh|teamspeak|tel):|(\/\/)|data:image\/(png|bmp|gif|p?jpe?g);/i; + + /** + * Escapes a string so it's safe to use in regex + * + * @param {string} str + * @return {string} + */ + function regex(str) { + return str.replace(/([\-.*+?^=!:${}()|\[\]\/\\])/g, '\\$1'); + } + + /** + * Escapes all HTML entities in a string + * + * If noQuotes is set to false, all single and double + * quotes will also be escaped + * + * @param {string} str + * @param {boolean} [noQuotes=true] + * @return {string} + * @since 1.4.1 + */ + function entities(str, noQuotes) { + if (!str) { + return str; + } + + var replacements = { + '&': '&', + '<': '<', + '>': '>', + ' ': '  ', + '\r\n': '
    ', + '\r': '
    ', + '\n': '
    ' + }; + + if (noQuotes !== false) { + replacements['"'] = '"'; + replacements['\''] = '''; + replacements['`'] = '`'; + } + + str = str.replace(/ {2}|\r\n|[&<>\r\n'"`]/g, function (match) { + return replacements[match] || match; + }); + + return str; + } + + /** + * Escape URI scheme. + * + * Appends the current URL to a url if it has a scheme that is not: + * + * http + * https + * sftp + * ftp + * mailto + * spotify + * skype + * ssh + * teamspeak + * tel + * // + * data:image/(png|jpeg|jpg|pjpeg|bmp|gif); + * + * **IMPORTANT**: This does not escape any HTML in a url, for + * that use the escape.entities() method. + * + * @param {string} url + * @return {string} + * @since 1.4.5 + */ + function uriScheme(url) { + var path, + // If there is a : before a / then it has a scheme + hasScheme = /^[^\/]*:/i, + location = window.location; + + // Has no scheme or a valid scheme + if ((!url || !hasScheme.test(url)) || VALID_SCHEME_REGEX.test(url)) { + return url; + } + + path = location.pathname.split('/'); + path.pop(); + + return location.protocol + '//' + + location.host + + path.join('/') + '/' + + url; + } + + /** + * HTML templates used by the editor and default commands + * @type {Object} + * @private + */ + var _templates = { + html: + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '

    ' + + '', + + toolbarButton: '' + + '
    {dispName}
    ', + + emoticon: '', + + fontOpt: '{font}', + + sizeOpt: '{size}', + + pastetext: + '
    ' + + '
    ' + + '
    ' + + '
    ', + + table: + '
    ' + + '
    ' + + '
    ', + + image: + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ', + + email: + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ', + + link: + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ', + + youtubeMenu: + '
    ' + + '
    ' + + '
    ' + + '
    ', + + youtube: + '' + }; + + /** + * Replaces any params in a template with the passed params. + * + * If createHtml is passed it will return a DocumentFragment + * containing the parsed template. + * + * @param {string} name + * @param {Object} [params] + * @param {boolean} [createHtml] + * @returns {string|DocumentFragment} + * @private + */ + function _tmpl (name, params, createHtml) { + var template = _templates[name]; + + Object.keys(params).forEach(function (name) { + template = template.replace( + new RegExp(regex('{' + name + '}'), 'g'), params[name] + ); + }); + + if (createHtml) { + template = parseHTML(template); + } + + return template; + } + + // In IE < 11 a BR at the end of a block level element + // causes a line break. In all other browsers it's collapsed. + var IE_BR_FIX = ie && ie < 11; + + /** + * Fixes a bug in FF where it sometimes wraps + * new lines in their own list item. + * See issue #359 + */ + function fixFirefoxListBug(editor) { + // Only apply to Firefox as will break other browsers. + if ('mozHidden' in document) { + var node = editor.getBody(); + var next; + + while (node) { + next = node; + + if (next.firstChild) { + next = next.firstChild; + } else { + + while (next && !next.nextSibling) { + next = next.parentNode; + } + + if (next) { + next = next.nextSibling; + } + } + + if (node.nodeType === 3 && /[\n\r\t]+/.test(node.nodeValue)) { + // Only remove if newlines are collapsed + if (!/^pre/.test(css(node.parentNode, 'whiteSpace'))) { + remove(node); + } + } + + node = next; + } + } + } + + + /** + * Map of all the commands for SCEditor + * @type {Object} + * @name commands + * @memberOf jQuery.sceditor + */ + var defaultCmds = { + // START_COMMAND: Bold + bold: { + exec: 'bold', + tooltip: 'Bold', + shortcut: 'Ctrl+B' + }, + // END_COMMAND + // START_COMMAND: Italic + italic: { + exec: 'italic', + tooltip: 'Italic', + shortcut: 'Ctrl+I' + }, + // END_COMMAND + // START_COMMAND: Underline + underline: { + exec: 'underline', + tooltip: 'Underline', + shortcut: 'Ctrl+U' + }, + // END_COMMAND + // START_COMMAND: Strikethrough + strike: { + exec: 'strikethrough', + tooltip: 'Strikethrough' + }, + // END_COMMAND + // START_COMMAND: Subscript + subscript: { + exec: 'subscript', + tooltip: 'Subscript' + }, + // END_COMMAND + // START_COMMAND: Superscript + superscript: { + exec: 'superscript', + tooltip: 'Superscript' + }, + // END_COMMAND + + // START_COMMAND: Left + left: { + state: function (node) { + if (node && node.nodeType === 3) { + node = node.parentNode; + } + + if (node) { + var isLtr = css(node, 'direction') === 'ltr'; + var align = css(node, 'textAlign'); + + return align === 'left' || align === (isLtr ? 'start' : 'end'); + } + }, + exec: 'justifyleft', + tooltip: 'Align left' + }, + // END_COMMAND + // START_COMMAND: Centre + center: { + exec: 'justifycenter', + tooltip: 'Center' + }, + // END_COMMAND + // START_COMMAND: Right + right: { + state: function (node) { + if (node && node.nodeType === 3) { + node = node.parentNode; + } + + if (node) { + var isLtr = css(node, 'direction') === 'ltr'; + var align = css(node, 'textAlign'); + + return align === 'right' || align === (isLtr ? 'end' : 'start'); + } + }, + exec: 'justifyright', + tooltip: 'Align right' + }, + // END_COMMAND + // START_COMMAND: Justify + justify: { + exec: 'justifyfull', + tooltip: 'Justify' + }, + // END_COMMAND + + // START_COMMAND: Font + font: { + _dropDown: function (editor, caller, callback) { + var content = createElement('div'); + + on(content, 'click', 'a', function (e) { + callback(data(this, 'font')); + editor.closeDropDown(true); + e.preventDefault(); + }); + + editor.opts.fonts.split(',').forEach(function (font) { + appendChild(content, _tmpl('fontOpt', { + font: font + }, true)); + }); + + editor.createDropDown(caller, 'font-picker', content); + }, + exec: function (caller) { + var editor = this; + + defaultCmds.font._dropDown(editor, caller, function (fontName) { + editor.execCommand('fontname', fontName); + }); + }, + tooltip: 'Font Name' + }, + // END_COMMAND + // START_COMMAND: Size + size: { + _dropDown: function (editor, caller, callback) { + var content = createElement('div'); + + on(content, 'click', 'a', function (e) { + callback(data(this, 'size')); + editor.closeDropDown(true); + e.preventDefault(); + }); + + for (var i = 1; i <= 7; i++) { + appendChild(content, _tmpl('sizeOpt', { + size: i + }, true)); + } + + editor.createDropDown(caller, 'fontsize-picker', content); + }, + exec: function (caller) { + var editor = this; + + defaultCmds.size._dropDown(editor, caller, function (fontSize) { + editor.execCommand('fontsize', fontSize); + }); + }, + tooltip: 'Font Size' + }, + // END_COMMAND + // START_COMMAND: Colour + color: { + _dropDown: function (editor, caller, callback) { + var content = createElement('div'), + html = '', + cmd = defaultCmds.color; + + if (!cmd._htmlCache) { + editor.opts.colors.split('|').forEach(function (column) { + html += '
    '; + + column.split(',').forEach(function (color) { + html += + ''; + }); + + html += '
    '; + }); + + cmd._htmlCache = html; + } + + appendChild(content, parseHTML(cmd._htmlCache)); + + on(content, 'click', 'a', function (e) { + callback(data(this, 'color')); + editor.closeDropDown(true); + e.preventDefault(); + }); + + editor.createDropDown(caller, 'color-picker', content); + }, + exec: function (caller) { + var editor = this; + + defaultCmds.color._dropDown(editor, caller, function (color) { + editor.execCommand('forecolor', color); + }); + }, + tooltip: 'Font Color' + }, + // END_COMMAND + // START_COMMAND: Remove Format + removeformat: { + exec: 'removeformat', + tooltip: 'Remove Formatting' + }, + // END_COMMAND + + // START_COMMAND: Cut + cut: { + exec: 'cut', + tooltip: 'Cut', + errorMessage: 'Your browser does not allow the cut command. ' + + 'Please use the keyboard shortcut Ctrl/Cmd-X' + }, + // END_COMMAND + // START_COMMAND: Copy + copy: { + exec: 'copy', + tooltip: 'Copy', + errorMessage: 'Your browser does not allow the copy command. ' + + 'Please use the keyboard shortcut Ctrl/Cmd-C' + }, + // END_COMMAND + // START_COMMAND: Paste + paste: { + exec: 'paste', + tooltip: 'Paste', + errorMessage: 'Your browser does not allow the paste command. ' + + 'Please use the keyboard shortcut Ctrl/Cmd-V' + }, + // END_COMMAND + // START_COMMAND: Paste Text + pastetext: { + exec: function (caller) { + var val, + content = createElement('div'), + editor = this; + + appendChild(content, _tmpl('pastetext', { + label: editor._( + 'Paste your text inside the following box:' + ), + insert: editor._('Insert') + }, true)); + + on(content, 'click', '.button', function (e) { + val = find(content, '#txt')[0].value; + + if (val) { + editor.wysiwygEditorInsertText(val); + } + + editor.closeDropDown(true); + e.preventDefault(); + }); + + editor.createDropDown(caller, 'pastetext', content); + }, + tooltip: 'Paste Text' + }, + // END_COMMAND + // START_COMMAND: Bullet List + bulletlist: { + exec: function () { + fixFirefoxListBug(this); + this.execCommand('insertunorderedlist'); + }, + tooltip: 'Bullet list' + }, + // END_COMMAND + // START_COMMAND: Ordered List + orderedlist: { + exec: function () { + fixFirefoxListBug(this); + this.execCommand('insertorderedlist'); + }, + tooltip: 'Numbered list' + }, + // END_COMMAND + // START_COMMAND: Indent + indent: { + state: function (parent$$1, firstBlock) { + // Only works with lists, for now + var range, startParent, endParent; + + if (is(firstBlock, 'li')) { + return 0; + } + + if (is(firstBlock, 'ul,ol,menu')) { + // if the whole list is selected, then this must be + // invalidated because the browser will place a + //
    there + range = this.getRangeHelper().selectedRange(); + + startParent = range.startContainer.parentNode; + endParent = range.endContainer.parentNode; + + // TODO: could use nodeType for this? + // Maybe just check the firstBlock contains both the start + //and end containers + + // Select the tag, not the textNode + // (that's why the parentNode) + if (startParent !== + startParent.parentNode.firstElementChild || + // work around a bug in FF + (is(endParent, 'li') && endParent !== + endParent.parentNode.lastElementChild)) { + return 0; + } + } + + return -1; + }, + exec: function () { + var editor = this, + block = editor.getRangeHelper().getFirstBlockParent(); + + editor.focus(); + + // An indent system is quite complicated as there are loads + // of complications and issues around how to indent text + // As default, let's just stay with indenting the lists, + // at least, for now. + if (closest(block, 'ul,ol,menu')) { + editor.execCommand('indent'); + } + }, + tooltip: 'Add indent' + }, + // END_COMMAND + // START_COMMAND: Outdent + outdent: { + state: function (parents$$1, firstBlock) { + return closest(firstBlock, 'ul,ol,menu') ? 0 : -1; + }, + exec: function () { + var block = this.getRangeHelper().getFirstBlockParent(); + if (closest(block, 'ul,ol,menu')) { + this.execCommand('outdent'); + } + }, + tooltip: 'Remove one indent' + }, + // END_COMMAND + + // START_COMMAND: Table + table: { + exec: function (caller) { + var editor = this, + content = createElement('div'); + + appendChild(content, _tmpl('table', { + rows: editor._('Rows:'), + cols: editor._('Cols:'), + insert: editor._('Insert') + }, true)); + + on(content, 'click', '.button', function (e) { + var rows = Number(find(content, '#rows')[0].value), + cols = Number(find(content, '#cols')[0].value), + html = ''; + + if (rows > 0 && cols > 0) { + html += Array(rows + 1).join( + '' + + Array(cols + 1).join( + '' + ) + + '' + ); + + html += '
    ' + (IE_BR_FIX ? '' : '
    ') + '
    '; + + editor.wysiwygEditorInsertHtml(html); + editor.closeDropDown(true); + e.preventDefault(); + } + }); + + editor.createDropDown(caller, 'inserttable', content); + }, + tooltip: 'Insert a table' + }, + // END_COMMAND + + // START_COMMAND: Horizontal Rule + horizontalrule: { + exec: 'inserthorizontalrule', + tooltip: 'Insert a horizontal rule' + }, + // END_COMMAND + + // START_COMMAND: Code + code: { + exec: function () { + this.wysiwygEditorInsertHtml( + '', + (IE_BR_FIX ? '' : '
    ') + '    ' + ); + }, + tooltip: 'Code' + }, + // END_COMMAND + + // START_COMMAND: Image + image: { + _dropDown: function (editor, caller, selected, cb) { + var content = createElement('div'); + + appendChild(content, _tmpl('image', { + url: editor._('URL:'), + width: editor._('Width (optional):'), + height: editor._('Height (optional):'), + insert: editor._('Insert') + }, true)); + + + var urlInput = find(content, '#image')[0]; + + urlInput.value = selected; + + on(content, 'click', '.button', function (e) { + if (urlInput.value) { + cb( + urlInput.value, + find(content, '#width')[0].value, + find(content, '#height')[0].value + ); + } + + editor.closeDropDown(true); + e.preventDefault(); + }); + + editor.createDropDown(caller, 'insertimage', content); + }, + exec: function (caller) { + var editor = this; + + defaultCmds.image._dropDown( + editor, + caller, + '', + function (url, width$$1, height$$1) { + var attrs = ''; + + if (width$$1) { + attrs += ' width="' + width$$1 + '"'; + } + + if (height$$1) { + attrs += ' height="' + height$$1 + '"'; + } + + editor.wysiwygEditorInsertHtml( + '' + ); + } + ); + }, + tooltip: 'Insert an image' + }, + // END_COMMAND + + // START_COMMAND: E-mail + email: { + _dropDown: function (editor, caller, cb) { + var content = createElement('div'); + + appendChild(content, _tmpl('email', { + label: editor._('E-mail:'), + desc: editor._('Description (optional):'), + insert: editor._('Insert') + }, true)); + + on(content, 'click', '.button', function (e) { + var email = find(content, '#email')[0].value; + + if (email) { + cb(email, find(content, '#des')[0].value); + } + + editor.closeDropDown(true); + e.preventDefault(); + }); + + editor.createDropDown(caller, 'insertemail', content); + }, + exec: function (caller) { + var editor = this; + + defaultCmds.email._dropDown( + editor, + caller, + function (email, text) { + // needed for IE to reset the last range + editor.focus(); + + if (!editor.getRangeHelper().selectedHtml() || text) { + editor.wysiwygEditorInsertHtml( + '' + + (text || email) + + '' + ); + } else { + editor.execCommand('createlink', 'mailto:' + email); + } + } + ); + }, + tooltip: 'Insert an email' + }, + // END_COMMAND + + // START_COMMAND: Link + link: { + _dropDown: function (editor, caller, cb) { + var content = createElement('div'); + + appendChild(content, _tmpl('link', { + url: editor._('URL:'), + desc: editor._('Description (optional):'), + ins: editor._('Insert') + }, true)); + + var linkInput = find(content, '#link')[0]; + + function insertUrl(e) { + if (linkInput.value) { + cb(linkInput.value, find(content, '#des')[0].value); + } + + editor.closeDropDown(true); + e.preventDefault(); + } + + on(content, 'click', '.button', insertUrl); + on(content, 'keypress', function (e) { + // 13 = enter key + if (e.which === 13 && linkInput.value) { + insertUrl(e); + } + }, EVENT_CAPTURE); + + editor.createDropDown(caller, 'insertlink', content); + }, + exec: function (caller) { + var editor = this; + + defaultCmds.link._dropDown(editor, caller, function (url, text) { + // needed for IE to restore the last range + editor.focus(); + + // If there is no selected text then must set the URL as + // the text. Most browsers do this automatically, sadly + // IE doesn't. + if (text || !editor.getRangeHelper().selectedHtml()) { + text = text || url; + + editor.wysiwygEditorInsertHtml( + '' + text + '' + ); + } else { + editor.execCommand('createlink', url); + } + }); + }, + tooltip: 'Insert a link' + }, + // END_COMMAND + + // START_COMMAND: Unlink + unlink: { + state: function () { + return closest(this.currentNode(), 'a') ? 0 : -1; + }, + exec: function () { + var anchor = closest(this.currentNode(), 'a'); + + if (anchor) { + while (anchor.firstChild) { + insertBefore(anchor.firstChild, anchor); + } + + remove(anchor); + } + }, + tooltip: 'Unlink' + }, + // END_COMMAND + + + // START_COMMAND: Quote + quote: { + exec: function (caller, html, author) { + var before = '
    ', + end = '
    '; + + // if there is HTML passed set end to null so any selected + // text is replaced + if (html) { + author = (author ? '' + author + '' : ''); + before = before + author + html + end; + end = null; + // if not add a newline to the end of the inserted quote + } else if (this.getRangeHelper().selectedHtml() === '') { + end = (IE_BR_FIX ? '' : '
    ') + end; + } + + this.wysiwygEditorInsertHtml(before, end); + }, + tooltip: 'Insert a Quote' + }, + // END_COMMAND + + // START_COMMAND: Emoticons + emoticon: { + exec: function (caller) { + var editor = this; + + var createContent = function (includeMore) { + var moreLink, + opts = editor.opts, + emoticonsRoot = opts.emoticonsRoot || '', + emoticonsCompat = opts.emoticonsCompat, + rangeHelper = editor.getRangeHelper(), + startSpace = emoticonsCompat && + rangeHelper.getOuterText(true, 1) !== ' ' ? ' ' : '', + endSpace = emoticonsCompat && + rangeHelper.getOuterText(false, 1) !== ' ' ? ' ' : '', + content = createElement('div'), + line = createElement('div'), + perLine = 0, + emoticons = extend( + {}, + opts.emoticons.dropdown, + includeMore ? opts.emoticons.more : {} + ); + + appendChild(content, line); + + perLine = Math.sqrt(Object.keys(emoticons).length); + + on(content, 'click', 'img', function (e) { + editor.insert(startSpace + attr(this, 'alt') + endSpace, + null, false).closeDropDown(true); + + e.preventDefault(); + }); + + each(emoticons, function (code, emoticon) { + appendChild(line, createElement('img', { + src: emoticonsRoot + (emoticon.url || emoticon), + alt: code, + title: emoticon.tooltip || code + })); + + if (line.children.length >= perLine) { + line = createElement('div'); + appendChild(content, line); + } + }); + + if (!includeMore && opts.emoticons.more) { + moreLink = createElement('a', { + className: 'sceditor-more' + }); + + appendChild(moreLink, + document.createTextNode(editor._('More'))); + + on(moreLink, 'click', function (e) { + editor.createDropDown( + caller, 'more-emoticons', createContent(true) + ); + + e.preventDefault(); + }); + + appendChild(content, moreLink); + } + + return content; + }; + + editor.createDropDown(caller, 'emoticons', createContent(false)); + }, + txtExec: function (caller) { + defaultCmds.emoticon.exec.call(this, caller); + }, + tooltip: 'Insert an emoticon' + }, + // END_COMMAND + + // START_COMMAND: YouTube + youtube: { + _dropDown: function (editor, caller, callback) { + var content = createElement('div'); + + appendChild(content, _tmpl('youtubeMenu', { + label: editor._('Video URL:'), + insert: editor._('Insert') + }, true)); + + on(content, 'click', '.button', function (e) { + var val = find(content, '#link')[0].value; + var idMatch = val.match(/(?:v=|v\/|embed\/|youtu.be\/)(.{11})/); + var timeMatch = val.match(/[&|?](?:star)?t=((\d+[hms]?){1,3})/); + var time = 0; + + if (timeMatch) { + each(timeMatch[1].split(/[hms]/), function (i, val) { + if (val !== '') { + time = (time * 60) + Number(val); + } + }); + } + + if (idMatch && /^[a-zA-Z0-9_\-]{11}$/.test(idMatch[1])) { + callback(idMatch[1], time); + } + + editor.closeDropDown(true); + e.preventDefault(); + }); + + editor.createDropDown(caller, 'insertlink', content); + }, + exec: function (btn) { + var editor = this; + + defaultCmds.youtube._dropDown(editor, btn, function (id, time) { + editor.wysiwygEditorInsertHtml(_tmpl('youtube', { + id: id, + time: time + })); + }); + }, + tooltip: 'Insert a YouTube video' + }, + // END_COMMAND + + // START_COMMAND: Date + date: { + _date: function (editor) { + var now = new Date(), + year = now.getYear(), + month = now.getMonth() + 1, + day = now.getDate(); + + if (year < 2000) { + year = 1900 + year; + } + + if (month < 10) { + month = '0' + month; + } + + if (day < 10) { + day = '0' + day; + } + + return editor.opts.dateFormat + .replace(/year/i, year) + .replace(/month/i, month) + .replace(/day/i, day); + }, + exec: function () { + this.insertText(defaultCmds.date._date(this)); + }, + txtExec: function () { + this.insertText(defaultCmds.date._date(this)); + }, + tooltip: 'Insert current date' + }, + // END_COMMAND + + // START_COMMAND: Time + time: { + _time: function () { + var now = new Date(), + hours = now.getHours(), + mins = now.getMinutes(), + secs = now.getSeconds(); + + if (hours < 10) { + hours = '0' + hours; + } + + if (mins < 10) { + mins = '0' + mins; + } + + if (secs < 10) { + secs = '0' + secs; + } + + return hours + ':' + mins + ':' + secs; + }, + exec: function () { + this.insertText(defaultCmds.time._time()); + }, + txtExec: function () { + this.insertText(defaultCmds.time._time()); + }, + tooltip: 'Insert current time' + }, + // END_COMMAND + + + // START_COMMAND: Ltr + ltr: { + state: function (parents$$1, firstBlock) { + return firstBlock && firstBlock.style.direction === 'ltr'; + }, + exec: function () { + var editor = this, + rangeHelper = editor.getRangeHelper(), + node = rangeHelper.getFirstBlockParent(); + + editor.focus(); + + if (!node || is(node, 'body')) { + editor.execCommand('formatBlock', 'p'); + + node = rangeHelper.getFirstBlockParent(); + + if (!node || is(node, 'body')) { + return; + } + } + + var toggleValue = css(node, 'direction') === 'ltr' ? '' : 'ltr'; + css(node, 'direction', toggleValue); + }, + tooltip: 'Left-to-Right' + }, + // END_COMMAND + + // START_COMMAND: Rtl + rtl: { + state: function (parents$$1, firstBlock) { + return firstBlock && firstBlock.style.direction === 'rtl'; + }, + exec: function () { + var editor = this, + rangeHelper = editor.getRangeHelper(), + node = rangeHelper.getFirstBlockParent(); + + editor.focus(); + + if (!node || is(node, 'body')) { + editor.execCommand('formatBlock', 'p'); + + node = rangeHelper.getFirstBlockParent(); + + if (!node || is(node, 'body')) { + return; + } + } + + var toggleValue = css(node, 'direction') === 'rtl' ? '' : 'rtl'; + css(node, 'direction', toggleValue); + }, + tooltip: 'Right-to-Left' + }, + // END_COMMAND + + + // START_COMMAND: Print + print: { + exec: 'print', + tooltip: 'Print' + }, + // END_COMMAND + + // START_COMMAND: Maximize + maximize: { + state: function () { + return this.maximize(); + }, + exec: function () { + this.maximize(!this.maximize()); + }, + txtExec: function () { + this.maximize(!this.maximize()); + }, + tooltip: 'Maximize', + shortcut: 'Ctrl+Shift+M' + }, + // END_COMMAND + + // START_COMMAND: Source + source: { + state: function () { + return this.sourceMode(); + }, + exec: function () { + this.toggleSourceMode(); + }, + txtExec: function () { + this.toggleSourceMode(); + }, + tooltip: 'View source', + shortcut: 'Ctrl+Shift+S' + }, + // END_COMMAND + + // this is here so that commands above can be removed + // without having to remove the , after the last one. + // Needed for IE. + ignore: {} + }; + + var plugins = {}; + + /** + * Plugin Manager class + * @class PluginManager + * @name PluginManager + */ + function PluginManager(thisObj) { + /** + * Alias of this + * + * @private + * @type {Object} + */ + var base = this; + + /** + * Array of all currently registered plugins + * + * @type {Array} + * @private + */ + var registeredPlugins = []; + + + /** + * Changes a signals name from "name" into "signalName". + * + * @param {string} signal + * @return {string} + * @private + */ + var formatSignalName = function (signal) { + return 'signal' + signal.charAt(0).toUpperCase() + signal.slice(1); + }; + + /** + * Calls handlers for a signal + * + * @see call() + * @see callOnlyFirst() + * @param {Array} args + * @param {boolean} returnAtFirst + * @return {*} + * @private + */ + var callHandlers = function (args, returnAtFirst) { + args = [].slice.call(args); + + var idx, ret, + signal = formatSignalName(args.shift()); + + for (idx = 0; idx < registeredPlugins.length; idx++) { + if (signal in registeredPlugins[idx]) { + ret = registeredPlugins[idx][signal].apply(thisObj, args); + + if (returnAtFirst) { + return ret; + } + } + } + }; + + /** + * Calls all handlers for the passed signal + * + * @param {string} signal + * @param {...string} args + * @function + * @name call + * @memberOf PluginManager.prototype + */ + base.call = function () { + callHandlers(arguments, false); + }; + + /** + * Calls the first handler for a signal, and returns the + * + * @param {string} signal + * @param {...string} args + * @return {*} The result of calling the handler + * @function + * @name callOnlyFirst + * @memberOf PluginManager.prototype + */ + base.callOnlyFirst = function () { + return callHandlers(arguments, true); + }; + + /** + * Checks if a signal has a handler + * + * @param {string} signal + * @return {boolean} + * @function + * @name hasHandler + * @memberOf PluginManager.prototype + */ + base.hasHandler = function (signal) { + var i = registeredPlugins.length; + signal = formatSignalName(signal); + + while (i--) { + if (signal in registeredPlugins[i]) { + return true; + } + } + + return false; + }; + + /** + * Checks if the plugin exists in plugins + * + * @param {string} plugin + * @return {boolean} + * @function + * @name exists + * @memberOf PluginManager.prototype + */ + base.exists = function (plugin) { + if (plugin in plugins) { + plugin = plugins[plugin]; + + return typeof plugin === 'function' && + typeof plugin.prototype === 'object'; + } + + return false; + }; + + /** + * Checks if the passed plugin is currently registered. + * + * @param {string} plugin + * @return {boolean} + * @function + * @name isRegistered + * @memberOf PluginManager.prototype + */ + base.isRegistered = function (plugin) { + if (base.exists(plugin)) { + var idx = registeredPlugins.length; + + while (idx--) { + if (registeredPlugins[idx] instanceof plugins[plugin]) { + return true; + } + } + } + + return false; + }; + + /** + * Registers a plugin to receive signals + * + * @param {string} plugin + * @return {boolean} + * @function + * @name register + * @memberOf PluginManager.prototype + */ + base.register = function (plugin) { + if (!base.exists(plugin) || base.isRegistered(plugin)) { + return false; + } + + plugin = new plugins[plugin](); + registeredPlugins.push(plugin); + + if ('init' in plugin) { + plugin.init.call(thisObj); + } + + return true; + }; + + /** + * Deregisters a plugin. + * + * @param {string} plugin + * @return {boolean} + * @function + * @name deregister + * @memberOf PluginManager.prototype + */ + base.deregister = function (plugin) { + var removedPlugin, + pluginIdx = registeredPlugins.length, + removed = false; + + if (!base.isRegistered(plugin)) { + return removed; + } + + while (pluginIdx--) { + if (registeredPlugins[pluginIdx] instanceof plugins[plugin]) { + removedPlugin = registeredPlugins.splice(pluginIdx, 1)[0]; + removed = true; + + if ('destroy' in removedPlugin) { + removedPlugin.destroy.call(thisObj); + } + } + } + + return removed; + }; + + /** + * Clears all plugins and removes the owner reference. + * + * Calling any functions on this object after calling + * destroy will cause a JS error. + * + * @name destroy + * @memberOf PluginManager.prototype + */ + base.destroy = function () { + var i = registeredPlugins.length; + + while (i--) { + if ('destroy' in registeredPlugins[i]) { + registeredPlugins[i].destroy.call(thisObj); + } + } + + registeredPlugins = []; + thisObj = null; + }; + } + + PluginManager.plugins = plugins; + + // In IE < 11 a BR at the end of a block level element + // causes a line break. In all other browsers it's collapsed. + var IE_BR_FIX$1 = ie && ie < 11; + + + /** + * Gets the text, start/end node and offset for + * length chars left or right of the passed node + * at the specified offset. + * + * @param {Node} node + * @param {number} offset + * @param {boolean} isLeft + * @param {number} length + * @return {Object} + * @private + */ + var outerText = function (range, isLeft, length) { + var nodeValue, remaining, start, end, node, + text = '', + next = range.startContainer, + offset = range.startOffset; + + // Handle cases where node is a paragraph and offset + // refers to the index of a text node. + // 3 = text node + if (next && next.nodeType !== 3) { + next = next.childNodes[offset]; + offset = 0; + } + + start = end = offset; + + while (length > text.length && next && next.nodeType === 3) { + nodeValue = next.nodeValue; + remaining = length - text.length; + + // If not the first node, start and end should be at their + // max values as will be updated when getting the text + if (node) { + end = nodeValue.length; + start = 0; + } + + node = next; + + if (isLeft) { + start = Math.max(end - remaining, 0); + offset = start; + + text = nodeValue.substr(start, end - start) + text; + next = node.previousSibling; + } else { + end = Math.min(remaining, nodeValue.length); + offset = start + end; + + text += nodeValue.substr(start, end); + next = node.nextSibling; + } + } + + return { + node: node || next, + offset: offset, + text: text + }; + }; + + /** + * Range helper + * + * @class RangeHelper + * @name RangeHelper + */ + function RangeHelper(win, d) { + var _createMarker, _prepareInput, + doc = d || win.contentDocument || win.document, + startMarker = 'sceditor-start-marker', + endMarker = 'sceditor-end-marker', + base = this; + + /** + * Inserts HTML into the current range replacing any selected + * text. + * + * If endHTML is specified the selected contents will be put between + * html and endHTML. If there is nothing selected html and endHTML are + * just concatenate together. + * + * @param {string} html + * @param {string} [endHTML] + * @return False on fail + * @function + * @name insertHTML + * @memberOf RangeHelper.prototype + */ + base.insertHTML = function (html, endHTML) { + var node, div, + range = base.selectedRange(); + + if (!range) { + return false; + } + + if (endHTML) { + html += base.selectedHtml() + endHTML; + } + + div = createElement('p', {}, doc); + node = doc.createDocumentFragment(); + div.innerHTML = html; + + while (div.firstChild) { + appendChild(node, div.firstChild); + } + + base.insertNode(node); + }; + + /** + * Prepares HTML to be inserted by adding a zero width space + * if the last child is empty and adding the range start/end + * markers to the last child. + * + * @param {Node|string} node + * @param {Node|string} [endNode] + * @param {boolean} [returnHtml] + * @return {Node|string} + * @private + */ + _prepareInput = function (node, endNode, returnHtml) { + var lastChild, + frag = doc.createDocumentFragment(); + + if (typeof node === 'string') { + if (endNode) { + node += base.selectedHtml() + endNode; + } + + frag = parseHTML(node); + } else { + appendChild(frag, node); + + if (endNode) { + appendChild(frag, base.selectedRange().extractContents()); + appendChild(frag, endNode); + } + } + + if (!(lastChild = frag.lastChild)) { + return; + } + + while (!isInline(lastChild.lastChild, true)) { + lastChild = lastChild.lastChild; + } + + if (canHaveChildren(lastChild)) { + // Webkit won't allow the cursor to be placed inside an + // empty tag, so add a zero width space to it. + if (!lastChild.lastChild) { + appendChild(lastChild, document.createTextNode('\u200B')); + } + } else { + lastChild = frag; + } + + base.removeMarkers(); + + // Append marks to last child so when restored cursor will be in + // the right place + appendChild(lastChild, _createMarker(startMarker)); + appendChild(lastChild, _createMarker(endMarker)); + + if (returnHtml) { + var div = createElement('div'); + appendChild(div, frag); + + return div.innerHTML; + } + + return frag; + }; + + /** + * The same as insertHTML except with DOM nodes instead + * + * Warning: the nodes must belong to the + * document they are being inserted into. Some browsers + * will throw exceptions if they don't. + * + * Returns boolean false on fail + * + * @param {Node} node + * @param {Node} endNode + * @return {false|undefined} + * @function + * @name insertNode + * @memberOf RangeHelper.prototype + */ + base.insertNode = function (node, endNode) { + var input = _prepareInput(node, endNode), + range = base.selectedRange(), + parent$$1 = range.commonAncestorContainer; + + if (!input) { + return false; + } + + range.deleteContents(); + + // FF allows
    to be selected but inserting a node + // into
    will cause it not to be displayed so must + // insert before the
    in FF. + // 3 = TextNode + if (parent$$1 && parent$$1.nodeType !== 3 && !canHaveChildren(parent$$1)) { + insertBefore(input, parent$$1); + } else { + range.insertNode(input); + } + + base.restoreRange(); + }; + + /** + * Clones the selected Range + * + * @return {Range} + * @function + * @name cloneSelected + * @memberOf RangeHelper.prototype + */ + base.cloneSelected = function () { + var range = base.selectedRange(); + + if (range) { + return range.cloneRange(); + } + }; + + /** + * Gets the selected Range + * + * @return {Range} + * @function + * @name selectedRange + * @memberOf RangeHelper.prototype + */ + base.selectedRange = function () { + var range, firstChild, + sel = win.getSelection(); + + if (!sel) { + return; + } + + // When creating a new range, set the start to the first child + // element of the body element to avoid errors in FF. + if (sel.rangeCount <= 0) { + firstChild = doc.body; + while (firstChild.firstChild) { + firstChild = firstChild.firstChild; + } + + range = doc.createRange(); + // Must be setStartBefore otherwise it can cause infinite + // loops with lists in WebKit. See issue 442 + range.setStartBefore(firstChild); + + sel.addRange(range); + } + + if (sel.rangeCount > 0) { + range = sel.getRangeAt(0); + } + + return range; + }; + + /** + * Gets if there is currently a selection + * + * @return {boolean} + * @function + * @name hasSelection + * @since 1.4.4 + * @memberOf RangeHelper.prototype + */ + base.hasSelection = function () { + var sel = win.getSelection(); + + return sel && sel.rangeCount > 0; + }; + + /** + * Gets the currently selected HTML + * + * @return {string} + * @function + * @name selectedHtml + * @memberOf RangeHelper.prototype + */ + base.selectedHtml = function () { + var div, + range = base.selectedRange(); + + if (range) { + div = createElement('p', {}, doc); + appendChild(div, range.cloneContents()); + + return div.innerHTML; + } + + return ''; + }; + + /** + * Gets the parent node of the selected contents in the range + * + * @return {HTMLElement} + * @function + * @name parentNode + * @memberOf RangeHelper.prototype + */ + base.parentNode = function () { + var range = base.selectedRange(); + + if (range) { + return range.commonAncestorContainer; + } + }; + + /** + * Gets the first block level parent of the selected + * contents of the range. + * + * @return {HTMLElement} + * @function + * @name getFirstBlockParent + * @memberOf RangeHelper.prototype + */ + /** + * Gets the first block level parent of the selected + * contents of the range. + * + * @param {Node} [n] The element to get the first block level parent from + * @return {HTMLElement} + * @function + * @name getFirstBlockParent^2 + * @since 1.4.1 + * @memberOf RangeHelper.prototype + */ + base.getFirstBlockParent = function (node) { + var func = function (elm) { + if (!isInline(elm, true)) { + return elm; + } + + elm = elm ? elm.parentNode : null; + + return elm ? func(elm) : elm; + }; + + return func(node || base.parentNode()); + }; + + /** + * Inserts a node at either the start or end of the current selection + * + * @param {Bool} start + * @param {Node} node + * @function + * @name insertNodeAt + * @memberOf RangeHelper.prototype + */ + base.insertNodeAt = function (start, node) { + var currentRange = base.selectedRange(), + range = base.cloneSelected(); + + if (!range) { + return false; + } + + range.collapse(start); + range.insertNode(node); + + // Reselect the current range. + // Fixes issue with Chrome losing the selection. Issue#82 + base.selectRange(currentRange); + }; + + /** + * Creates a marker node + * + * @param {string} id + * @return {HTMLSpanElement} + * @private + */ + _createMarker = function (id) { + base.removeMarker(id); + + var marker = createElement('span', { + id: id, + className: 'sceditor-selection sceditor-ignore', + style: 'display:none;line-height:0' + }, doc); + + marker.innerHTML = ' '; + + return marker; + }; + + /** + * Inserts start/end markers for the current selection + * which can be used by restoreRange to re-select the + * range. + * + * @memberOf RangeHelper.prototype + * @function + * @name insertMarkers + */ + base.insertMarkers = function () { + var currentRange = base.selectedRange(); + var startNode = _createMarker(startMarker); + + base.removeMarkers(); + base.insertNodeAt(true, startNode); + + // Fixes issue with end marker sometimes being placed before + // the start marker when the range is collapsed. + if (currentRange && currentRange.collapsed) { + startNode.parentNode.insertBefore( + _createMarker(endMarker), startNode.nextSibling); + } else { + base.insertNodeAt(false, _createMarker(endMarker)); + } + }; + + /** + * Gets the marker with the specified ID + * + * @param {string} id + * @return {Node} + * @function + * @name getMarker + * @memberOf RangeHelper.prototype + */ + base.getMarker = function (id) { + return doc.getElementById(id); + }; + + /** + * Removes the marker with the specified ID + * + * @param {string} id + * @function + * @name removeMarker + * @memberOf RangeHelper.prototype + */ + base.removeMarker = function (id) { + var marker = base.getMarker(id); + + if (marker) { + remove(marker); + } + }; + + /** + * Removes the start/end markers + * + * @function + * @name removeMarkers + * @memberOf RangeHelper.prototype + */ + base.removeMarkers = function () { + base.removeMarker(startMarker); + base.removeMarker(endMarker); + }; + + /** + * Saves the current range location. Alias of insertMarkers() + * + * @function + * @name saveRage + * @memberOf RangeHelper.prototype + */ + base.saveRange = function () { + base.insertMarkers(); + }; + + /** + * Select the specified range + * + * @param {Range} range + * @function + * @name selectRange + * @memberOf RangeHelper.prototype + */ + base.selectRange = function (range) { + var lastChild; + var sel = win.getSelection(); + var container = range.endContainer; + + // Check if cursor is set after a BR when the BR is the only + // child of the parent. In Firefox this causes a line break + // to occur when something is typed. See issue #321 + if (!IE_BR_FIX$1 && range.collapsed && container && + !isInline(container, true)) { + + lastChild = container.lastChild; + while (lastChild && is(lastChild, '.sceditor-ignore')) { + lastChild = lastChild.previousSibling; + } + + if (is(lastChild, 'br')) { + var rng = doc.createRange(); + rng.setEndAfter(lastChild); + rng.collapse(false); + + if (base.compare(range, rng)) { + range.setStartBefore(lastChild); + range.collapse(true); + } + } + } + + if (sel) { + base.clear(); + sel.addRange(range); + } + }; + + /** + * Restores the last range saved by saveRange() or insertMarkers() + * + * @function + * @name restoreRange + * @memberOf RangeHelper.prototype + */ + base.restoreRange = function () { + var isCollapsed, + range = base.selectedRange(), + start = base.getMarker(startMarker), + end = base.getMarker(endMarker); + + if (!start || !end || !range) { + return false; + } + + isCollapsed = start.nextSibling === end; + + range = doc.createRange(); + range.setStartBefore(start); + range.setEndAfter(end); + + if (isCollapsed) { + range.collapse(true); + } + + base.selectRange(range); + base.removeMarkers(); + }; + + /** + * Selects the text left and right of the current selection + * + * @param {number} left + * @param {number} right + * @since 1.4.3 + * @function + * @name selectOuterText + * @memberOf RangeHelper.prototype + */ + base.selectOuterText = function (left, right) { + var start, end, + range = base.cloneSelected(); + + if (!range) { + return false; + } + + range.collapse(false); + + start = outerText(range, true, left); + end = outerText(range, false, right); + + range.setStart(start.node, start.offset); + range.setEnd(end.node, end.offset); + + base.selectRange(range); + }; + + /** + * Gets the text left or right of the current selection + * + * @param {boolean} before + * @param {number} length + * @return {string} + * @since 1.4.3 + * @function + * @name selectOuterText + * @memberOf RangeHelper.prototype + */ + base.getOuterText = function (before, length) { + var range = base.cloneSelected(); + + if (!range) { + return ''; + } + + range.collapse(!before); + + return outerText(range, before, length).text; + }; + + /** + * Replaces keywords with values based on the current caret position + * + * @param {Array} keywords + * @param {boolean} includeAfter If to include the text after the + * current caret position or just + * text before + * @param {boolean} keywordsSorted If the keywords array is pre + * sorted shortest to longest + * @param {number} longestKeyword Length of the longest keyword + * @param {boolean} requireWhitespace If the key must be surrounded + * by whitespace + * @param {string} keypressChar If this is being called from + * a keypress event, this should be + * set to the pressed character + * @return {boolean} + * @function + * @name replaceKeyword + * @memberOf RangeHelper.prototype + */ + // eslint-disable-next-line max-params + base.replaceKeyword = function ( + keywords, + includeAfter, + keywordsSorted, + longestKeyword, + requireWhitespace, + keypressChar + ) { + if (!keywordsSorted) { + keywords.sort(function (a, b) { + return a[0].length - b[0].length; + }); + } + + var outerText, match, matchPos, startIndex, + leftLen, charsLeft, keyword, keywordLen, + whitespaceRegex = '(^|[\\s\xA0\u2002\u2003\u2009])', + keywordIdx = keywords.length, + whitespaceLen = requireWhitespace ? 1 : 0, + maxKeyLen = longestKeyword || + keywords[keywordIdx - 1][0].length; + + if (requireWhitespace) { + maxKeyLen++; + } + + keypressChar = keypressChar || ''; + outerText = base.getOuterText(true, maxKeyLen); + leftLen = outerText.length; + outerText += keypressChar; + + if (includeAfter) { + outerText += base.getOuterText(false, maxKeyLen); + } + + while (keywordIdx--) { + keyword = keywords[keywordIdx][0]; + keywordLen = keyword.length; + startIndex = Math.max(0, leftLen - keywordLen - whitespaceLen); + matchPos = -1; + + if (requireWhitespace) { + match = outerText + .substr(startIndex) + .match(new RegExp(whitespaceRegex + + regex(keyword) + whitespaceRegex)); + + if (match) { + // Add the length of the text that was removed by + // substr() and also add 1 for the whitespace + matchPos = match.index + startIndex + match[1].length; + } + } else { + matchPos = outerText.indexOf(keyword, startIndex); + } + + if (matchPos > -1) { + // Make sure the match is between before and + // after, not just entirely in one side or the other + if (matchPos <= leftLen && + matchPos + keywordLen + whitespaceLen >= leftLen) { + charsLeft = leftLen - matchPos; + + // If the keypress char is white space then it should + // not be replaced, only chars that are part of the + // key should be replaced. + base.selectOuterText( + charsLeft, + keywordLen - charsLeft - + (/^\S/.test(keypressChar) ? 1 : 0) + ); + + base.insertHTML(keywords[keywordIdx][1]); + return true; + } + } + } + + return false; + }; + + /** + * Compares two ranges. + * + * If rangeB is undefined it will be set to + * the current selected range + * + * @param {Range} rngA + * @param {Range} [rngB] + * @return {boolean} + * @function + * @name compare + * @memberOf RangeHelper.prototype + */ + base.compare = function (rngA, rngB) { + if (!rngB) { + rngB = base.selectedRange(); + } + + if (!rngA || !rngB) { + return !rngA && !rngB; + } + + return rngA.compareBoundaryPoints(Range.END_TO_END, rngB) === 0 && + rngA.compareBoundaryPoints(Range.START_TO_START, rngB) === 0; + }; + + /** + * Removes any current selection + * + * @since 1.4.6 + * @function + * @name clear + * @memberOf RangeHelper.prototype + */ + base.clear = function () { + var sel = win.getSelection(); + + if (sel) { + if (sel.removeAllRanges) { + sel.removeAllRanges(); + } else if (sel.empty) { + sel.empty(); + } + } + }; + } + + /** + * Checks all emoticons are surrounded by whitespace and + * replaces any that aren't with with their emoticon code. + * + * @param {HTMLElement} node + * @param {rangeHelper} rangeHelper + * @return {void} + */ + function checkWhitespace(node, rangeHelper) { + var noneWsRegex = /[^\s\xA0\u2002\u2003\u2009\u00a0]+/; + var emoticons = node && find(node, 'img[data-sceditor-emoticon]'); + + if (!node || !emoticons.length) { + return; + } + + for (var i = 0; i < emoticons.length; i++) { + var emoticon = emoticons[i]; + var parent$$1 = emoticon.parentNode; + var prev = emoticon.previousSibling; + var next = emoticon.nextSibling; + + if ((!prev || !noneWsRegex.test(prev.nodeValue.slice(-1))) && + (!next || !noneWsRegex.test((next.nodeValue || '')[0]))) { + continue; + } + + var range = rangeHelper.cloneSelected(); + var rangeStart = -1; + var rangeStartContainer = range.startContainer; + var previousText = prev.nodeValue; + + // For IE's HTMLPhraseElement + if (previousText === null) { + previousText = prev.innerText || ''; + } + + previousText += data(emoticon, 'sceditor-emoticon'); + + // If the cursor is after the removed emoticon, add + // the length of the newly added text to it + if (rangeStartContainer === next) { + rangeStart = previousText.length + range.startOffset; + } + + // If the cursor is set before the next node, set it to + // the end of the new text node + if (rangeStartContainer === node && + node.childNodes[range.startOffset] === next) { + rangeStart = previousText.length; + } + + // If the cursor is set before the removed emoticon, + // just keep it at that position + if (rangeStartContainer === prev) { + rangeStart = range.startOffset; + } + + if (!next || next.nodeType !== TEXT_NODE) { + next = parent$$1.insertBefore( + parent$$1.ownerDocument.createTextNode(''), next + ); + } + + next.insertData(0, previousText); + remove(prev); + remove(emoticon); + + // Need to update the range starting position if it's been modified + if (rangeStart > -1) { + range.setStart(next, rangeStart); + range.collapse(true); + rangeHelper.selectRange(range); + } + } + } + + /** + * Replaces any emoticons inside the root node with images. + * + * emoticons should be an object where the key is the emoticon + * code and the value is the HTML to replace it with. + * + * @param {HTMLElement} root + * @param {Object} emoticons + * @param {boolean} emoticonsCompat + * @return {void} + */ + function replace(root, emoticons, emoticonsCompat) { + var doc = root.ownerDocument; + var space = '(^|\\s|\xA0|\u2002|\u2003|\u2009|$)'; + var emoticonCodes = []; + var emoticonRegex = {}; + + // TODO: Make this tag configurable. + if (parent(root, 'code')) { + return; + } + + each(emoticons, function (key) { + emoticonRegex[key] = new RegExp(space + regex(key) + space); + emoticonCodes.push(key); + }); + + // Sort keys longest to shortest so that longer keys + // take precedence (avoids bugs with shorter keys partially + // matching longer ones) + emoticonCodes.sort(function (a, b) { + return b.length - a.length; + }); + + (function convert(node) { + node = node.firstChild; + + while (node) { + // TODO: Make this tag configurable. + if (node.nodeType === ELEMENT_NODE && !is(node, 'code')) { + convert(node); + } + + if (node.nodeType === TEXT_NODE) { + for (var i = 0; i < emoticonCodes.length; i++) { + var text = node.nodeValue; + var key = emoticonCodes[i]; + var index = emoticonsCompat ? + text.search(emoticonRegex[key]) : + text.indexOf(key); + + if (index > -1) { + // When emoticonsCompat is enabled this will be the + // position after any white space + var startIndex = text.indexOf(key, index); + var fragment = parseHTML(emoticons[key], doc); + var after = text.substr(startIndex + key.length); + + fragment.appendChild(doc.createTextNode(after)); + + node.nodeValue = text.substr(0, startIndex); + node.parentNode + .insertBefore(fragment, node.nextSibling); + } + } + } + + node = node.nextSibling; + } + }(root)); + } + + var globalWin = window; + var globalDoc = document; + + var IE_VER = ie; + + // In IE < 11 a BR at the end of a block level element + // causes a line break. In all other browsers it's collapsed. + var IE_BR_FIX$2 = IE_VER && IE_VER < 11; + + var IMAGE_MIME_REGEX = /^image\/(p?jpe?g|gif|png|bmp)$/i; + + /** + * Wrap inlines that are in the root in paragraphs. + * + * @param {HTMLBodyElement} body + * @param {Document} doc + * @private + */ + function wrapInlines(body, doc) { + var wrapper; + + traverse(body, function (node) { + if (isInline(node, true)) { + if (!wrapper) { + wrapper = createElement('p', {}, doc); + insertBefore(wrapper, node); + } + + if (node.nodeType !== TEXT_NODE || node.nodeValue !== '') { + appendChild(wrapper, node); + } + } else { + wrapper = null; + } + }, false, true); + } + + /** + * SCEditor - A lightweight WYSIWYG editor + * + * @param {HTMLTextAreaElement} original The textarea to be converted + * @param {Object} userOptions + * @class SCEditor + * @name SCEditor + */ + function SCEditor(original, userOptions) { + /** + * Alias of this + * + * @private + */ + var base = this; + + /** + * Editor format like BBCode or HTML + */ + var format; + + /** + * The div which contains the editor and toolbar + * + * @type {HTMLDivElement} + * @private + */ + var editorContainer; + + /** + * Map of events handlers bound to this instance. + * + * @type {Object} + * @private + */ + var eventHandlers = {}; + + /** + * The editors toolbar + * + * @type {HTMLDivElement} + * @private + */ + var toolbar; + + /** + * The editors iframe which should be in design mode + * + * @type {HTMLIFrameElement} + * @private + */ + var wysiwygEditor; + + /** + * The editors window + * + * @type {Window} + * @private + */ + var wysiwygWindow; + + /** + * The WYSIWYG editors body element + * + * @type {HTMLBodyElement} + * @private + */ + var wysiwygBody; + + /** + * The WYSIWYG editors document + * + * @type {Document} + * @private + */ + var wysiwygDocument; + + /** + * The editors textarea for viewing source + * + * @type {HTMLTextAreaElement} + * @private + */ + var sourceEditor; + + /** + * The current dropdown + * + * @type {HTMLDivElement} + * @private + */ + var dropdown; + + /** + * Store the last cursor position. Needed for IE because it forgets + * + * @type {Range} + * @private + */ + var lastRange; + + /** + * If the user is currently composing text via IME + * @type {boolean} + */ + var isComposing; + + /** + * Timer for valueChanged key handler + * @type {number} + */ + var valueChangedKeyUpTimer; + + /** + * The editors locale + * + * @private + */ + var locale; + + /** + * Stores a cache of preloaded images + * + * @private + * @type {Array.} + */ + var preLoadCache = []; + + /** + * The editors rangeHelper instance + * + * @type {RangeHelper} + * @private + */ + var rangeHelper; + + /** + * An array of button state handlers + * + * @type {Array.} + * @private + */ + var btnStateHandlers = []; + + /** + * Plugin manager instance + * + * @type {PluginManager} + * @private + */ + var pluginManager; + + /** + * The current node containing the selection/caret + * + * @type {Node} + * @private + */ + var currentNode; + + /** + * The first block level parent of the current node + * + * @type {node} + * @private + */ + var currentBlockNode; + + /** + * The current node selection/caret + * + * @type {Object} + * @private + */ + var currentSelection; + + /** + * Used to make sure only 1 selection changed + * check is called every 100ms. + * + * Helps improve performance as it is checked a lot. + * + * @type {boolean} + * @private + */ + var isSelectionCheckPending; + + /** + * If content is required (equivalent to the HTML5 required attribute) + * + * @type {boolean} + * @private + */ + var isRequired; + + /** + * The inline CSS style element. Will be undefined + * until css() is called for the first time. + * + * @type {HTMLStyleElement} + * @private + */ + var inlineCss; + + /** + * Object containing a list of shortcut handlers + * + * @type {Object} + * @private + */ + var shortcutHandlers = {}; + + /** + * The min and max heights that autoExpand should stay within + * + * @type {Object} + * @private + */ + var autoExpandBounds; + + /** + * Timeout for the autoExpand function to throttle calls + * + * @private + */ + var autoExpandThrottle; + + /** + * Cache of the current toolbar buttons + * + * @type {Object} + * @private + */ + var toolbarButtons = {}; + + /** + * Last scroll position before maximizing so + * it can be restored when finished. + * + * @type {number} + * @private + */ + var maximizeScrollPosition; + + /** + * Stores the contents while a paste is taking place. + * + * Needed to support browsers that lack clipboard API support. + * + * @type {?DocumentFragment} + * @private + */ + var pasteContentFragment; + + /** + * All the emoticons from dropdown, more and hidden combined + * and with the emoticons root set + * + * @type {!Object} + * @private + */ + var allEmoticons = {}; + + /** + * Current icon set if any + * + * @type {?Object} + * @private + */ + var icons; + + /** + * Private functions + * @private + */ + var init, + replaceEmoticons, + handleCommand, + saveRange, + initEditor, + initPlugins, + initLocale, + initToolBar, + initOptions, + initEvents, + initResize, + initEmoticons, + handlePasteEvt, + handlePasteData, + handleKeyDown, + handleBackSpace, + handleKeyPress, + handleFormReset, + handleMouseDown, + handleComposition, + handleEvent, + handleDocumentClick, + updateToolBar, + updateActiveButtons, + sourceEditorSelectedText, + appendNewLine, + checkSelectionChanged, + checkNodeChanged, + autofocus, + emoticonsKeyPress, + emoticonsCheckWhitespace, + currentStyledBlockNode, + triggerValueChanged, + valueChangedBlur, + valueChangedKeyUp, + autoUpdate, + autoExpand; + + /** + * All the commands supported by the editor + * @name commands + * @memberOf SCEditor.prototype + */ + base.commands = extend(true, {}, (userOptions.commands || defaultCmds)); + + /** + * Options for this editor instance + * @name opts + * @memberOf SCEditor.prototype + */ + var options = base.opts = extend( + true, {}, defaultOptions, userOptions + ); + + // Don't deep extend emoticons (fixes #565) + base.opts.emoticons = userOptions.emoticons || defaultOptions.emoticons; + + /** + * Creates the editor iframe and textarea + * @private + */ + init = function () { + original._sceditor = base; + + // Load locale + if (options.locale && options.locale !== 'en') { + initLocale(); + } + + editorContainer = createElement('div', { + className: 'sceditor-container' + }); + + insertBefore(editorContainer, original); + css(editorContainer, 'z-index', options.zIndex); + + // Add IE version to the container to allow IE specific CSS + // fixes without using CSS hacks or conditional comments + if (IE_VER) { + addClass(editorContainer, 'ie ie' + IE_VER); + } + + isRequired = original.required; + original.required = false; + + var FormatCtor = SCEditor.formats[options.format]; + format = FormatCtor ? new FormatCtor() : {}; + if ('init' in format) { + format.init.call(base); + } + + // create the editor + initPlugins(); + initEmoticons(); + initToolBar(); + initEditor(); + initOptions(); + initEvents(); + + // force into source mode if is a browser that can't handle + // full editing + if (!isWysiwygSupported) { + base.toggleSourceMode(); + } + + updateActiveButtons(); + + var loaded = function () { + off(globalWin, 'load', loaded); + + if (options.autofocus) { + autofocus(); + } + + autoExpand(); + appendNewLine(); + // TODO: use editor doc and window? + pluginManager.call('ready'); + if ('onReady' in format) { + format.onReady.call(base); + } + }; + on(globalWin, 'load', loaded); + if (globalDoc.readyState === 'complete') { + loaded(); + } + }; + + initPlugins = function () { + var plugins = options.plugins; + + plugins = plugins ? plugins.toString().split(',') : []; + pluginManager = new PluginManager(base); + + plugins.forEach(function (plugin) { + pluginManager.register(plugin.trim()); + }); + }; + + /** + * Init the locale variable with the specified locale if possible + * @private + * @return void + */ + initLocale = function () { + var lang; + + locale = SCEditor.locale[options.locale]; + + if (!locale) { + lang = options.locale.split('-'); + locale = SCEditor.locale[lang[0]]; + } + + // Locale DateTime format overrides any specified in the options + if (locale && locale.dateFormat) { + options.dateFormat = locale.dateFormat; + } + }; + + /** + * Creates the editor iframe and textarea + * @private + */ + initEditor = function () { + sourceEditor = createElement('textarea'); + wysiwygEditor = createElement('iframe', { + frameborder: 0, + allowfullscreen: true + }); + + /* This needs to be done right after they are created because, + * for any reason, the user may not want the value to be tinkered + * by any filters. + */ + if (options.startInSourceMode) { + addClass(editorContainer, 'sourceMode'); + hide(wysiwygEditor); + } else { + addClass(editorContainer, 'wysiwygMode'); + hide(sourceEditor); + } + + if (!options.spellcheck) { + attr(editorContainer, 'spellcheck', 'false'); + } + + if (globalWin.location.protocol === 'https:') { + // eslint-disable-next-line no-script-url + attr(wysiwygEditor, 'src', 'javascript:false'); + } + + // Add the editor to the container + appendChild(editorContainer, wysiwygEditor); + appendChild(editorContainer, sourceEditor); + + // TODO: make this optional somehow + base.dimensions( + options.width || width(original), + options.height || height(original) + ); + + // Add IE version class to the HTML element so can apply + // conditional styling without CSS hacks + var className = IE_VER ? 'ie ie' + IE_VER : ''; + // Add ios to HTML so can apply CSS fix to only it + className += ios ? ' ios' : ''; + + wysiwygDocument = wysiwygEditor.contentDocument; + wysiwygDocument.open(); + wysiwygDocument.write(_tmpl('html', { + attrs: ' class="' + className + '"', + spellcheck: options.spellcheck ? '' : 'spellcheck="false"', + charset: options.charset, + style: options.style + })); + wysiwygDocument.close(); + + wysiwygBody = wysiwygDocument.body; + wysiwygWindow = wysiwygEditor.contentWindow; + + base.readOnly(!!options.readOnly); + + // iframe overflow fix for iOS, also fixes an IE issue with the + // editor not getting focus when clicking inside + if (ios || edge || IE_VER) { + height(wysiwygBody, '100%'); + + if (!IE_VER) { + on(wysiwygBody, 'touchend', base.focus); + } + } + + var tabIndex = attr(original, 'tabindex'); + attr(sourceEditor, 'tabindex', tabIndex); + attr(wysiwygEditor, 'tabindex', tabIndex); + + rangeHelper = new RangeHelper(wysiwygWindow); + + // load any textarea value into the editor + hide(original); + base.val(original.value); + + var placeholder = options.placeholder || + attr(original, 'placeholder'); + + if (placeholder) { + sourceEditor.placeholder = placeholder; + attr(wysiwygBody, 'placeholder', placeholder); + } + }; + + /** + * Initialises options + * @private + */ + initOptions = function () { + // auto-update original textbox on blur if option set to true + if (options.autoUpdate) { + on(wysiwygBody, 'blur', autoUpdate); + on(sourceEditor, 'blur', autoUpdate); + } + + if (options.rtl === null) { + options.rtl = css(sourceEditor, 'direction') === 'rtl'; + } + + base.rtl(!!options.rtl); + + if (options.autoExpand) { + // Need to update when images (or anything else) loads + on(wysiwygBody, 'load', autoExpand, EVENT_CAPTURE); + on(wysiwygBody, 'input keyup', autoExpand); + } + + if (options.resizeEnabled) { + initResize(); + } + + attr(editorContainer, 'id', options.id); + base.emoticons(options.emoticonsEnabled); + }; + + /** + * Initialises events + * @private + */ + initEvents = function () { + var form = original.form; + var compositionEvents = 'compositionstart compositionend'; + var eventsToForward = 'keydown keyup keypress focus blur contextmenu'; + var checkSelectionEvents = 'onselectionchange' in wysiwygDocument ? + 'selectionchange' : + 'keyup focus blur contextmenu mouseup touchend click'; + + on(globalDoc, 'click', handleDocumentClick); + + if (form) { + on(form, 'reset', handleFormReset); + on(form, 'submit', base.updateOriginal, EVENT_CAPTURE); + } + + on(wysiwygBody, 'keypress', handleKeyPress); + on(wysiwygBody, 'keydown', handleKeyDown); + on(wysiwygBody, 'keydown', handleBackSpace); + on(wysiwygBody, 'keyup', appendNewLine); + on(wysiwygBody, 'blur', valueChangedBlur); + on(wysiwygBody, 'keyup', valueChangedKeyUp); + on(wysiwygBody, 'paste', handlePasteEvt); + on(wysiwygBody, compositionEvents, handleComposition); + on(wysiwygBody, checkSelectionEvents, checkSelectionChanged); + on(wysiwygBody, eventsToForward, handleEvent); + + if (options.emoticonsCompat && globalWin.getSelection) { + on(wysiwygBody, 'keyup', emoticonsCheckWhitespace); + } + + on(wysiwygBody, 'blur', function () { + if (!base.val()) { + addClass(wysiwygBody, 'placeholder'); + } + }); + + on(wysiwygBody, 'focus', function () { + removeClass(wysiwygBody, 'placeholder'); + }); + + on(sourceEditor, 'blur', valueChangedBlur); + on(sourceEditor, 'keyup', valueChangedKeyUp); + on(sourceEditor, 'keydown', handleKeyDown); + on(sourceEditor, compositionEvents, handleComposition); + on(sourceEditor, eventsToForward, handleEvent); + + on(wysiwygDocument, 'mousedown', handleMouseDown); + on(wysiwygDocument, checkSelectionEvents, checkSelectionChanged); + on(wysiwygDocument, 'beforedeactivate keyup mouseup', saveRange); + on(wysiwygDocument, 'keyup', appendNewLine); + on(wysiwygDocument, 'focus', function () { + lastRange = null; + }); + + on(editorContainer, 'selectionchanged', checkNodeChanged); + on(editorContainer, 'selectionchanged', updateActiveButtons); + // Custom events to forward + on( + editorContainer, + 'selectionchanged valuechanged nodechanged pasteraw paste', + handleEvent + ); + }; + + /** + * Creates the toolbar and appends it to the container + * @private + */ + initToolBar = function () { + var group, + commands = base.commands, + exclude = (options.toolbarExclude || '').split(','), + groups = options.toolbar.split('|'); + + toolbar = createElement('div', { + className: 'sceditor-toolbar', + unselectable: 'on' + }); + + if (options.icons in SCEditor.icons) { + icons = new SCEditor.icons[options.icons](); + } + + each(groups, function (_, menuItems) { + group = createElement('div', { + className: 'sceditor-group' + }); + + each(menuItems.split(','), function (_, commandName) { + var button, shortcut, + command = commands[commandName]; + + // The commandName must be a valid command and not excluded + if (!command || exclude.indexOf(commandName) > -1) { + return; + } + + shortcut = command.shortcut; + button = _tmpl('toolbarButton', { + name: commandName, + dispName: base._(command.name || + command.tooltip || commandName) + }, true).firstChild; + + if (icons && icons.create) { + var icon = icons.create(commandName); + if (icon) { + insertBefore(icons.create(commandName), + button.firstChild); + addClass(button, 'has-icon'); + } + } + + button._sceTxtMode = !!command.txtExec; + button._sceWysiwygMode = !!command.exec; + toggleClass(button, 'disabled', !command.exec); + on(button, 'click', function (e) { + if (!hasClass(button, 'disabled')) { + handleCommand(button, command); + } + + updateActiveButtons(); + e.preventDefault(); + }); + // Prevent editor losing focus when button clicked + on(button, 'mousedown', function (e) { + base.closeDropDown(); + e.preventDefault(); + }); + + if (command.tooltip) { + attr(button, 'title', + base._(command.tooltip) + + (shortcut ? ' (' + shortcut + ')' : '') + ); + } + + if (shortcut) { + base.addShortcut(shortcut, commandName); + } + + if (command.state) { + btnStateHandlers.push({ + name: commandName, + state: command.state + }); + // exec string commands can be passed to queryCommandState + } else if (isString(command.exec)) { + btnStateHandlers.push({ + name: commandName, + state: command.exec + }); + } + + appendChild(group, button); + toolbarButtons[commandName] = button; + }); + + // Exclude empty groups + if (group.firstChild) { + appendChild(toolbar, group); + } + }); + + // Append the toolbar to the toolbarContainer option if given + appendChild(options.toolbarContainer || editorContainer, toolbar); + }; + + /** + * Creates the resizer. + * @private + */ + initResize = function () { + var minHeight, maxHeight, minWidth, maxWidth, + mouseMoveFunc, mouseUpFunc, + grip = createElement('div', { + className: 'sceditor-grip' + }), + // Cover is used to cover the editor iframe so document + // still gets mouse move events + cover = createElement('div', { + className: 'sceditor-resize-cover' + }), + moveEvents = 'touchmove mousemove', + endEvents = 'touchcancel touchend mouseup', + startX = 0, + startY = 0, + newX = 0, + newY = 0, + startWidth = 0, + startHeight = 0, + origWidth = width(editorContainer), + origHeight = height(editorContainer), + isDragging = false, + rtl = base.rtl(); + + minHeight = options.resizeMinHeight || origHeight / 1.5; + maxHeight = options.resizeMaxHeight || origHeight * 2.5; + minWidth = options.resizeMinWidth || origWidth / 1.25; + maxWidth = options.resizeMaxWidth || origWidth * 1.25; + + mouseMoveFunc = function (e) { + // iOS uses window.event + if (e.type === 'touchmove') { + e = globalWin.event; + newX = e.changedTouches[0].pageX; + newY = e.changedTouches[0].pageY; + } else { + newX = e.pageX; + newY = e.pageY; + } + + var newHeight = startHeight + (newY - startY), + newWidth = rtl ? + startWidth - (newX - startX) : + startWidth + (newX - startX); + + if (maxWidth > 0 && newWidth > maxWidth) { + newWidth = maxWidth; + } + if (minWidth > 0 && newWidth < minWidth) { + newWidth = minWidth; + } + if (!options.resizeWidth) { + newWidth = false; + } + + if (maxHeight > 0 && newHeight > maxHeight) { + newHeight = maxHeight; + } + if (minHeight > 0 && newHeight < minHeight) { + newHeight = minHeight; + } + if (!options.resizeHeight) { + newHeight = false; + } + + if (newWidth || newHeight) { + base.dimensions(newWidth, newHeight); + } + + e.preventDefault(); + }; + + mouseUpFunc = function (e) { + if (!isDragging) { + return; + } + + isDragging = false; + + hide(cover); + removeClass(editorContainer, 'resizing'); + off(globalDoc, moveEvents, mouseMoveFunc); + off(globalDoc, endEvents, mouseUpFunc); + + e.preventDefault(); + }; + + if (icons && icons.create) { + var icon = icons.create('grip'); + if (icon) { + appendChild(grip, icon); + addClass(grip, 'has-icon'); + } + } + + appendChild(editorContainer, grip); + appendChild(editorContainer, cover); + hide(cover); + + on(grip, 'touchstart mousedown', function (e) { + // iOS uses window.event + if (e.type === 'touchstart') { + e = globalWin.event; + startX = e.touches[0].pageX; + startY = e.touches[0].pageY; + } else { + startX = e.pageX; + startY = e.pageY; + } + + startWidth = width(editorContainer); + startHeight = height(editorContainer); + isDragging = true; + + addClass(editorContainer, 'resizing'); + show(cover); + on(globalDoc, moveEvents, mouseMoveFunc); + on(globalDoc, endEvents, mouseUpFunc); + + e.preventDefault(); + }); + }; + + /** + * Prefixes and preloads the emoticon images + * @private + */ + initEmoticons = function () { + var emoticons = options.emoticons; + var root = options.emoticonsRoot || ''; + + if (emoticons) { + allEmoticons = extend( + {}, emoticons.more, emoticons.dropdown, emoticons.hidden + ); + } + + each(allEmoticons, function (key, url) { + allEmoticons[key] = _tmpl('emoticon', { + key: key, + // Prefix emoticon root to emoticon urls + url: root + (url.url || url), + tooltip: url.tooltip || key + }); + + // Preload the emoticon + if (options.emoticonsEnabled) { + preLoadCache.push(createElement('img', { + src: root + (url.url || url) + })); + } + }); + }; + + /** + * Autofocus the editor + * @private + */ + autofocus = function () { + var range, txtPos, + node = wysiwygBody.firstChild, + focusEnd = !!options.autofocusEnd; + + // Can't focus invisible elements + if (!isVisible(editorContainer)) { + return; + } + + if (base.sourceMode()) { + txtPos = focusEnd ? sourceEditor.value.length : 0; + + sourceEditor.setSelectionRange(txtPos, txtPos); + + return; + } + + removeWhiteSpace(wysiwygBody); + + if (focusEnd) { + if (!(node = wysiwygBody.lastChild)) { + node = createElement('p', {}, wysiwygDocument); + appendChild(wysiwygBody, node); + } + + while (node.lastChild) { + node = node.lastChild; + + // IE < 11 should place the cursor after the
    as + // it will show it as a newline. IE >= 11 and all + // other browsers should place the cursor before. + if (!IE_BR_FIX$2 && is(node, 'br') && node.previousSibling) { + node = node.previousSibling; + } + } + } + + range = wysiwygDocument.createRange(); + + if (!canHaveChildren(node)) { + range.setStartBefore(node); + + if (focusEnd) { + range.setStartAfter(node); + } + } else { + range.selectNodeContents(node); + } + + range.collapse(!focusEnd); + rangeHelper.selectRange(range); + currentSelection = range; + + if (focusEnd) { + wysiwygBody.scrollTop = wysiwygBody.scrollHeight; + } + + base.focus(); + }; + + /** + * Gets if the editor is read only + * + * @since 1.3.5 + * @function + * @memberOf SCEditor.prototype + * @name readOnly + * @return {boolean} + */ + /** + * Sets if the editor is read only + * + * @param {boolean} readOnly + * @since 1.3.5 + * @function + * @memberOf SCEditor.prototype + * @name readOnly^2 + * @return {this} + */ + base.readOnly = function (readOnly) { + if (typeof readOnly !== 'boolean') { + return !sourceEditor.readonly; + } + + wysiwygBody.contentEditable = !readOnly; + sourceEditor.readonly = !readOnly; + + updateToolBar(readOnly); + + return base; + }; + + /** + * Gets if the editor is in RTL mode + * + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name rtl + * @return {boolean} + */ + /** + * Sets if the editor is in RTL mode + * + * @param {boolean} rtl + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name rtl^2 + * @return {this} + */ + base.rtl = function (rtl) { + var dir = rtl ? 'rtl' : 'ltr'; + + if (typeof rtl !== 'boolean') { + return attr(sourceEditor, 'dir') === 'rtl'; + } + + attr(wysiwygBody, 'dir', dir); + attr(sourceEditor, 'dir', dir); + + removeClass(editorContainer, 'rtl'); + removeClass(editorContainer, 'ltr'); + addClass(editorContainer, dir); + + if (icons && icons.rtl) { + icons.rtl(rtl); + } + + return base; + }; + + /** + * Updates the toolbar to disable/enable the appropriate buttons + * @private + */ + updateToolBar = function (disable) { + var mode = base.inSourceMode() ? '_sceTxtMode' : '_sceWysiwygMode'; + + each(toolbarButtons, function (_, button) { + toggleClass(button, 'disabled', disable || !button[mode]); + }); + }; + + /** + * Gets the width of the editor in pixels + * + * @since 1.3.5 + * @function + * @memberOf SCEditor.prototype + * @name width + * @return {number} + */ + /** + * Sets the width of the editor + * + * @param {number} width Width in pixels + * @since 1.3.5 + * @function + * @memberOf SCEditor.prototype + * @name width^2 + * @return {this} + */ + /** + * Sets the width of the editor + * + * The saveWidth specifies if to save the width. The stored width can be + * used for things like restoring from maximized state. + * + * @param {number} width Width in pixels + * @param {boolean} [saveWidth=true] If to store the width + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name width^3 + * @return {this} + */ + base.width = function (width$$1, saveWidth) { + if (!width$$1 && width$$1 !== 0) { + return width(editorContainer); + } + + base.dimensions(width$$1, null, saveWidth); + + return base; + }; + + /** + * Returns an object with the properties width and height + * which are the width and height of the editor in px. + * + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name dimensions + * @return {object} + */ + /** + *

    Sets the width and/or height of the editor.

    + * + *

    If width or height is not numeric it is ignored.

    + * + * @param {number} width Width in px + * @param {number} height Height in px + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name dimensions^2 + * @return {this} + */ + /** + *

    Sets the width and/or height of the editor.

    + * + *

    If width or height is not numeric it is ignored.

    + * + *

    The save argument specifies if to save the new sizes. + * The saved sizes can be used for things like restoring from + * maximized state. This should normally be left as true.

    + * + * @param {number} width Width in px + * @param {number} height Height in px + * @param {boolean} [save=true] If to store the new sizes + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name dimensions^3 + * @return {this} + */ + base.dimensions = function (width$$1, height$$1, save) { + // set undefined width/height to boolean false + width$$1 = (!width$$1 && width$$1 !== 0) ? false : width$$1; + height$$1 = (!height$$1 && height$$1 !== 0) ? false : height$$1; + + if (width$$1 === false && height$$1 === false) { + return { width: base.width(), height: base.height() }; + } + + if (width$$1 !== false) { + if (save !== false) { + options.width = width$$1; + } + + width(editorContainer, width$$1); + } + + if (height$$1 !== false) { + if (save !== false) { + options.height = height$$1; + } + + height(editorContainer, height$$1); + } + + return base; + }; + + /** + * Gets the height of the editor in px + * + * @since 1.3.5 + * @function + * @memberOf SCEditor.prototype + * @name height + * @return {number} + */ + /** + * Sets the height of the editor + * + * @param {number} height Height in px + * @since 1.3.5 + * @function + * @memberOf SCEditor.prototype + * @name height^2 + * @return {this} + */ + /** + * Sets the height of the editor + * + * The saveHeight specifies if to save the height. + * + * The stored height can be used for things like + * restoring from maximized state. + * + * @param {number} height Height in px + * @param {boolean} [saveHeight=true] If to store the height + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name height^3 + * @return {this} + */ + base.height = function (height$$1, saveHeight) { + if (!height$$1 && height$$1 !== 0) { + return height(editorContainer); + } + + base.dimensions(null, height$$1, saveHeight); + + return base; + }; + + /** + * Gets if the editor is maximised or not + * + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name maximize + * @return {boolean} + */ + /** + * Sets if the editor is maximised or not + * + * @param {boolean} maximize If to maximise the editor + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name maximize^2 + * @return {this} + */ + base.maximize = function (maximize) { + var maximizeSize = 'sceditor-maximize'; + + if (isUndefined(maximize)) { + return hasClass(editorContainer, maximizeSize); + } + + maximize = !!maximize; + + if (maximize) { + maximizeScrollPosition = globalWin.pageYOffset; + } + + toggleClass(globalDoc.documentElement, maximizeSize, maximize); + toggleClass(globalDoc.body, maximizeSize, maximize); + toggleClass(editorContainer, maximizeSize, maximize); + base.width(maximize ? '100%' : options.width, false); + base.height(maximize ? '100%' : options.height, false); + + if (!maximize) { + globalWin.scrollTo(0, maximizeScrollPosition); + } + + autoExpand(); + + return base; + }; + + autoExpand = function () { + if (options.autoExpand && !autoExpandThrottle) { + autoExpandThrottle = setTimeout(base.expandToContent, 200); + } + }; + + /** + * Expands or shrinks the editors height to the height of it's content + * + * Unless ignoreMaxHeight is set to true it will not expand + * higher than the maxHeight option. + * + * @since 1.3.5 + * @param {boolean} [ignoreMaxHeight=false] + * @function + * @name expandToContent + * @memberOf SCEditor.prototype + * @see #resizeToContent + */ + base.expandToContent = function (ignoreMaxHeight) { + if (base.maximize()) { + return; + } + + clearTimeout(autoExpandThrottle); + autoExpandThrottle = false; + + if (!autoExpandBounds) { + var height$$1 = options.resizeMinHeight || options.height || + height(original); + + autoExpandBounds = { + min: height$$1, + max: options.resizeMaxHeight || (height$$1 * 2) + }; + } + + var range = globalDoc.createRange(); + range.selectNodeContents(wysiwygBody); + + var rect = range.getBoundingClientRect(); + var current = wysiwygDocument.documentElement.clientHeight - 1; + var spaceNeeded = rect.bottom - rect.top; + var newHeight = base.height() + 1 + (spaceNeeded - current); + + if (!ignoreMaxHeight && autoExpandBounds.max !== -1) { + newHeight = Math.min(newHeight, autoExpandBounds.max); + } + + base.height(Math.ceil(Math.max(newHeight, autoExpandBounds.min))); + }; + + /** + * Destroys the editor, removing all elements and + * event handlers. + * + * Leaves only the original textarea. + * + * @function + * @name destroy + * @memberOf SCEditor.prototype + */ + base.destroy = function () { + // Don't destroy if the editor has already been destroyed + if (!pluginManager) { + return; + } + + pluginManager.destroy(); + + rangeHelper = null; + lastRange = null; + pluginManager = null; + + if (dropdown) { + remove(dropdown); + } + + off(globalDoc, 'click', handleDocumentClick); + + // TODO: make off support null nodes? + var form = original.form; + if (form) { + off(form, 'reset', handleFormReset); + off(form, 'submit', base.updateOriginal); + } + + remove(sourceEditor); + remove(toolbar); + remove(editorContainer); + + delete original._sceditor; + show(original); + + original.required = isRequired; + }; + + + /** + * Creates a menu item drop down + * + * @param {HTMLElement} menuItem The button to align the dropdown with + * @param {string} name Used for styling the dropdown, will be + * a class sceditor-name + * @param {HTMLElement} content The HTML content of the dropdown + * @param {boolean} ieFix If to add the unselectable attribute + * to all the contents elements. Stops + * IE from deselecting the text in the + * editor + * @function + * @name createDropDown + * @memberOf SCEditor.prototype + */ + base.createDropDown = function (menuItem, name, content, ieFix) { + // first click for create second click for close + var dropDownCss, + dropDownClass = 'sceditor-' + name; + + // Will re-focus the editor. This is needed for IE + // as it has special logic to save/restore the selection + base.closeDropDown(true); + + // Only close the dropdown if it was already open + if (dropdown && hasClass(dropdown, dropDownClass)) { + return; + } + + // IE needs unselectable attr to stop it from + // unselecting the text in the editor. + // SCEditor can cope if IE does unselect the + // text it's just not nice. + if (ieFix !== false) { + each(find(content, ':not(input):not(textarea)'), + function (_, node) { + if (node.nodeType === ELEMENT_NODE) { + attr(node, 'unselectable', 'on'); + } + }); + } + + dropDownCss = extend({ + top: menuItem.offsetTop, + left: menuItem.offsetLeft, + marginTop: menuItem.clientHeight + }, options.dropDownCss); + + dropdown = createElement('div', { + className: 'sceditor-dropdown ' + dropDownClass + }); + + css(dropdown, dropDownCss); + appendChild(dropdown, content); + appendChild(editorContainer, dropdown); + on(dropdown, 'click focusin', function (e) { + // stop clicks within the dropdown from being handled + e.stopPropagation(); + }); + + // If try to focus the first input immediately IE will + // place the cursor at the start of the editor instead + // of focusing on the input. + setTimeout(function () { + if (dropdown) { + var first = find(dropdown, 'input,textarea')[0]; + if (first) { + first.focus(); + } + } + }); + }; + + /** + * Handles any document click and closes the dropdown if open + * @private + */ + handleDocumentClick = function (e) { + // ignore right clicks + if (e.which !== 3 && dropdown && !e.defaultPrevented) { + autoUpdate(); + + base.closeDropDown(); + } + }; + + /** + * Handles the WYSIWYG editors paste event + * @private + */ + handlePasteEvt = function (e) { + var isIeOrEdge = IE_VER || edge; + var editable = wysiwygBody; + var clipboard = e.clipboardData; + var loadImage = function (file) { + var reader = new FileReader(); + reader.onload = function (e) { + handlePasteData({ + html: '' + }); + }; + reader.readAsDataURL(file); + }; + + // Modern browsers with clipboard API - everything other than _very_ + // old android web views and UC browser which doesn't support the + // paste event at all. + if (clipboard && !isIeOrEdge) { + var data$$1 = {}; + var types = clipboard.types; + var items = clipboard.items; + + e.preventDefault(); + + for (var i = 0; i < types.length; i++) { + // Normalise image pasting to paste as a data-uri + if (globalWin.FileReader && items && + IMAGE_MIME_REGEX.test(items[i].type)) { + return loadImage(clipboard.items[i].getAsFile()); + } + + data$$1[types[i]] = clipboard.getData(types[i]); + } + // Call plugins here with file? + data$$1.text = data$$1['text/plain']; + data$$1.html = data$$1['text/html']; + + handlePasteData(data$$1); + // If contentsFragment exists then we are already waiting for a + // previous paste so let the handler for that handle this one too + } else if (!pasteContentFragment) { + // Save the scroll position so can be restored + // when contents is restored + var scrollTop = editable.scrollTop; + + rangeHelper.saveRange(); + + pasteContentFragment = globalDoc.createDocumentFragment(); + while (editable.firstChild) { + appendChild(pasteContentFragment, editable.firstChild); + } + + setTimeout(function () { + var html = editable.innerHTML; + + editable.innerHTML = ''; + appendChild(editable, pasteContentFragment); + editable.scrollTop = scrollTop; + pasteContentFragment = false; + + rangeHelper.restoreRange(); + + handlePasteData({ html: html }); + }, 0); + } + }; + + /** + * Gets the pasted data, filters it and then inserts it. + * @param {Object} data + * @private + */ + handlePasteData = function (data$$1) { + var pasteArea = createElement('div', {}, wysiwygDocument); + + pluginManager.call('pasteRaw', data$$1); + trigger(editorContainer, 'pasteraw', data$$1); + + if (data$$1.html) { + pasteArea.innerHTML = data$$1.html; + + // fix any invalid nesting + fixNesting(pasteArea); + } else { + pasteArea.innerHTML = entities(data$$1.text || ''); + } + + var paste = { + val: pasteArea.innerHTML + }; + + if ('fragmentToSource' in format) { + paste.val = format + .fragmentToSource(paste.val, wysiwygDocument, currentNode); + } + + pluginManager.call('paste', paste); + trigger(editorContainer, 'paste', paste); + + if ('fragmentToHtml' in format) { + paste.val = format + .fragmentToHtml(paste.val, currentNode); + } + + pluginManager.call('pasteHtml', paste); + + base.wysiwygEditorInsertHtml(paste.val, null, true); + }; + + /** + * Closes any currently open drop down + * + * @param {boolean} [focus=false] If to focus the editor + * after closing the drop down + * @function + * @name closeDropDown + * @memberOf SCEditor.prototype + */ + base.closeDropDown = function (focus) { + if (dropdown) { + remove(dropdown); + dropdown = null; + } + + if (focus === true) { + base.focus(); + } + }; + + + /** + * Inserts HTML into WYSIWYG editor. + * + * If endHtml is specified, any selected text will be placed + * between html and endHtml. If there is no selected text html + * and endHtml will just be concatenate together. + * + * @param {string} html + * @param {string} [endHtml=null] + * @param {boolean} [overrideCodeBlocking=false] If to insert the html + * into code tags, by + * default code tags only + * support text. + * @function + * @name wysiwygEditorInsertHtml + * @memberOf SCEditor.prototype + */ + base.wysiwygEditorInsertHtml = function ( + html, endHtml, overrideCodeBlocking + ) { + var marker, scrollTop, scrollTo, + editorHeight = height(wysiwygEditor); + + base.focus(); + + // TODO: This code tag should be configurable and + // should maybe convert the HTML into text instead + // Don't apply to code elements + if (!overrideCodeBlocking && closest(currentBlockNode, 'code')) { + return; + } + + // Insert the HTML and save the range so the editor can be scrolled + // to the end of the selection. Also allows emoticons to be replaced + // without affecting the cursor position + rangeHelper.insertHTML(html, endHtml); + rangeHelper.saveRange(); + replaceEmoticons(); + + // Scroll the editor after the end of the selection + marker = find(wysiwygBody, '#sceditor-end-marker')[0]; + show(marker); + scrollTop = wysiwygBody.scrollTop; + scrollTo = (getOffset(marker).top + + (marker.offsetHeight * 1.5)) - editorHeight; + hide(marker); + + // Only scroll if marker isn't already visible + if (scrollTo > scrollTop || scrollTo + editorHeight < scrollTop) { + wysiwygBody.scrollTop = scrollTo; + } + + triggerValueChanged(false); + rangeHelper.restoreRange(); + + // Add a new line after the last block element + // so can always add text after it + appendNewLine(); + }; + + /** + * Like wysiwygEditorInsertHtml except it will convert any HTML + * into text before inserting it. + * + * @param {string} text + * @param {string} [endText=null] + * @function + * @name wysiwygEditorInsertText + * @memberOf SCEditor.prototype + */ + base.wysiwygEditorInsertText = function (text, endText) { + base.wysiwygEditorInsertHtml( + entities(text), entities(endText) + ); + }; + + /** + * Inserts text into the WYSIWYG or source editor depending on which + * mode the editor is in. + * + * If endText is specified any selected text will be placed between + * text and endText. If no text is selected text and endText will + * just be concatenate together. + * + * @param {string} text + * @param {string} [endText=null] + * @since 1.3.5 + * @function + * @name insertText + * @memberOf SCEditor.prototype + */ + base.insertText = function (text, endText) { + if (base.inSourceMode()) { + base.sourceEditorInsertText(text, endText); + } else { + base.wysiwygEditorInsertText(text, endText); + } + + return base; + }; + + /** + * Like wysiwygEditorInsertHtml but inserts text into the + * source mode editor instead. + * + * If endText is specified any selected text will be placed between + * text and endText. If no text is selected text and endText will + * just be concatenate together. + * + * The cursor will be placed after the text param. If endText is + * specified the cursor will be placed before endText, so passing:
    + * + * '[b]', '[/b]' + * + * Would cause the cursor to be placed:
    + * + * [b]Selected text|[/b] + * + * @param {string} text + * @param {string} [endText=null] + * @since 1.4.0 + * @function + * @name sourceEditorInsertText + * @memberOf SCEditor.prototype + */ + base.sourceEditorInsertText = function (text, endText) { + var scrollTop, currentValue, + startPos = sourceEditor.selectionStart, + endPos = sourceEditor.selectionEnd; + + scrollTop = sourceEditor.scrollTop; + sourceEditor.focus(); + currentValue = sourceEditor.value; + + if (endText) { + text += currentValue.substring(startPos, endPos) + endText; + } + + sourceEditor.value = currentValue.substring(0, startPos) + + text + + currentValue.substring(endPos, currentValue.length); + + sourceEditor.selectionStart = (startPos + text.length) - + (endText ? endText.length : 0); + sourceEditor.selectionEnd = sourceEditor.selectionStart; + + sourceEditor.scrollTop = scrollTop; + sourceEditor.focus(); + + triggerValueChanged(); + }; + + /** + * Gets the current instance of the rangeHelper class + * for the editor. + * + * @return {RangeHelper} + * @function + * @name getRangeHelper + * @memberOf SCEditor.prototype + */ + base.getRangeHelper = function () { + return rangeHelper; + }; + + /** + * Gets or sets the source editor caret position. + * + * @param {Object} [position] + * @return {this} + * @function + * @since 1.4.5 + * @name sourceEditorCaret + * @memberOf SCEditor.prototype + */ + base.sourceEditorCaret = function (position) { + sourceEditor.focus(); + + if (position) { + sourceEditor.selectionStart = position.start; + sourceEditor.selectionEnd = position.end; + + return this; + } + + return { + start: sourceEditor.selectionStart, + end: sourceEditor.selectionEnd + }; + }; + + /** + * Gets the value of the editor. + * + * If the editor is in WYSIWYG mode it will return the filtered + * HTML from it (converted to BBCode if using the BBCode plugin). + * It it's in Source Mode it will return the unfiltered contents + * of the source editor (if using the BBCode plugin this will be + * BBCode again). + * + * @since 1.3.5 + * @return {string} + * @function + * @name val + * @memberOf SCEditor.prototype + */ + /** + * Sets the value of the editor. + * + * If filter set true the val will be passed through the filter + * function. If using the BBCode plugin it will pass the val to + * the BBCode filter to convert any BBCode into HTML. + * + * @param {string} val + * @param {boolean} [filter=true] + * @return {this} + * @since 1.3.5 + * @function + * @name val^2 + * @memberOf SCEditor.prototype + */ + base.val = function (val, filter) { + if (!isString(val)) { + return base.inSourceMode() ? + base.getSourceEditorValue(false) : + base.getWysiwygEditorValue(filter); + } + + if (!base.inSourceMode()) { + if (filter !== false && 'toHtml' in format) { + val = format.toHtml(val); + } + + base.setWysiwygEditorValue(val); + } else { + base.setSourceEditorValue(val); + } + + return base; + }; + + /** + * Inserts HTML/BBCode into the editor + * + * If end is supplied any selected text will be placed between + * start and end. If there is no selected text start and end + * will be concatenate together. + * + * If the filter param is set to true, the HTML/BBCode will be + * passed through any plugin filters. If using the BBCode plugin + * this will convert any BBCode into HTML. + * + * @param {string} start + * @param {string} [end=null] + * @param {boolean} [filter=true] + * @param {boolean} [convertEmoticons=true] If to convert emoticons + * @return {this} + * @since 1.3.5 + * @function + * @name insert + * @memberOf SCEditor.prototype + */ + /** + * Inserts HTML/BBCode into the editor + * + * If end is supplied any selected text will be placed between + * start and end. If there is no selected text start and end + * will be concatenate together. + * + * If the filter param is set to true, the HTML/BBCode will be + * passed through any plugin filters. If using the BBCode plugin + * this will convert any BBCode into HTML. + * + * If the allowMixed param is set to true, HTML any will not be + * escaped + * + * @param {string} start + * @param {string} [end=null] + * @param {boolean} [filter=true] + * @param {boolean} [convertEmoticons=true] If to convert emoticons + * @param {boolean} [allowMixed=false] + * @return {this} + * @since 1.4.3 + * @function + * @name insert^2 + * @memberOf SCEditor.prototype + */ + // eslint-disable-next-line max-params + base.insert = function ( + start, end, filter, convertEmoticons, allowMixed + ) { + if (base.inSourceMode()) { + base.sourceEditorInsertText(start, end); + return base; + } + + // Add the selection between start and end + if (end) { + var html = rangeHelper.selectedHtml(); + + if (filter !== false && 'fragmentToSource' in format) { + html = format + .fragmentToSource(html, wysiwygDocument, currentNode); + } + + start += html + end; + } + // TODO: This filter should allow empty tags as it's inserting. + if (filter !== false && 'fragmentToHtml' in format) { + start = format.fragmentToHtml(start, currentNode); + } + + // Convert any escaped HTML back into HTML if mixed is allowed + if (filter !== false && allowMixed === true) { + start = start.replace(/</g, '<') + .replace(/>/g, '>') + .replace(/&/g, '&'); + } + + base.wysiwygEditorInsertHtml(start); + + return base; + }; + + /** + * Gets the WYSIWYG editors HTML value. + * + * If using a plugin that filters the Ht Ml like the BBCode plugin + * it will return the result of the filtering (BBCode) unless the + * filter param is set to false. + * + * @param {boolean} [filter=true] + * @return {string} + * @function + * @name getWysiwygEditorValue + * @memberOf SCEditor.prototype + */ + base.getWysiwygEditorValue = function (filter) { + var html; + // Create a tmp node to store contents so it can be modified + // without affecting anything else. + var tmp = createElement('div', {}, wysiwygDocument); + var childNodes = wysiwygBody.childNodes; + + for (var i = 0; i < childNodes.length; i++) { + appendChild(tmp, childNodes[i].cloneNode(true)); + } + + appendChild(wysiwygBody, tmp); + fixNesting(tmp); + remove(tmp); + + html = tmp.innerHTML; + + // filter the HTML and DOM through any plugins + if (filter !== false && format.hasOwnProperty('toSource')) { + html = format.toSource(html, wysiwygDocument); + } + + return html; + }; + + /** + * Gets the WYSIWYG editor's iFrame Body. + * + * @return {HTMLElement} + * @function + * @since 1.4.3 + * @name getBody + * @memberOf SCEditor.prototype + */ + base.getBody = function () { + return wysiwygBody; + }; + + /** + * Gets the WYSIWYG editors container area (whole iFrame). + * + * @return {HTMLElement} + * @function + * @since 1.4.3 + * @name getContentAreaContainer + * @memberOf SCEditor.prototype + */ + base.getContentAreaContainer = function () { + return wysiwygEditor; + }; + + /** + * Gets the text editor value + * + * If using a plugin that filters the text like the BBCode plugin + * it will return the result of the filtering which is BBCode to + * HTML so it will return HTML. If filter is set to false it will + * just return the contents of the source editor (BBCode). + * + * @param {boolean} [filter=true] + * @return {string} + * @function + * @since 1.4.0 + * @name getSourceEditorValue + * @memberOf SCEditor.prototype + */ + base.getSourceEditorValue = function (filter) { + var val = sourceEditor.value; + + if (filter !== false && 'toHtml' in format) { + val = format.toHtml(val); + } + + return val; + }; + + /** + * Sets the WYSIWYG HTML editor value. Should only be the HTML + * contained within the body tags + * + * @param {string} value + * @function + * @name setWysiwygEditorValue + * @memberOf SCEditor.prototype + */ + base.setWysiwygEditorValue = function (value) { + if (!value) { + value = '

    ' + (IE_VER ? '' : '
    ') + '

    '; + } + + wysiwygBody.innerHTML = value; + replaceEmoticons(); + + appendNewLine(); + triggerValueChanged(); + autoExpand(); + }; + + /** + * Sets the text editor value + * + * @param {string} value + * @function + * @name setSourceEditorValue + * @memberOf SCEditor.prototype + */ + base.setSourceEditorValue = function (value) { + sourceEditor.value = value; + + triggerValueChanged(); + }; + + /** + * Updates the textarea that the editor is replacing + * with the value currently inside the editor. + * + * @function + * @name updateOriginal + * @since 1.4.0 + * @memberOf SCEditor.prototype + */ + base.updateOriginal = function () { + original.value = base.val(); + }; + + /** + * Replaces any emoticon codes in the passed HTML + * with their emoticon images + * @private + */ + replaceEmoticons = function () { + if (options.emoticonsEnabled) { + replace(wysiwygBody, allEmoticons, options.emoticonsCompat); + } + }; + + /** + * If the editor is in source code mode + * + * @return {boolean} + * @function + * @name inSourceMode + * @memberOf SCEditor.prototype + */ + base.inSourceMode = function () { + return hasClass(editorContainer, 'sourceMode'); + }; + + /** + * Gets if the editor is in sourceMode + * + * @return boolean + * @function + * @name sourceMode + * @memberOf SCEditor.prototype + */ + /** + * Sets if the editor is in sourceMode + * + * @param {boolean} enable + * @return {this} + * @function + * @name sourceMode^2 + * @memberOf SCEditor.prototype + */ + base.sourceMode = function (enable) { + var inSourceMode = base.inSourceMode(); + + if (typeof enable !== 'boolean') { + return inSourceMode; + } + + if ((inSourceMode && !enable) || (!inSourceMode && enable)) { + base.toggleSourceMode(); + } + + return base; + }; + + /** + * Switches between the WYSIWYG and source modes + * + * @function + * @name toggleSourceMode + * @since 1.4.0 + * @memberOf SCEditor.prototype + */ + base.toggleSourceMode = function () { + var isInSourceMode = base.inSourceMode(); + + // don't allow switching to WYSIWYG if doesn't support it + if (!isWysiwygSupported && isInSourceMode) { + return; + } + + if (!isInSourceMode) { + rangeHelper.saveRange(); + rangeHelper.clear(); + } + + base.blur(); + + if (isInSourceMode) { + base.setWysiwygEditorValue(base.getSourceEditorValue()); + } else { + base.setSourceEditorValue(base.getWysiwygEditorValue()); + } + + lastRange = null; + toggle(sourceEditor); + toggle(wysiwygEditor); + + toggleClass(editorContainer, 'wysiwygMode', isInSourceMode); + toggleClass(editorContainer, 'sourceMode', !isInSourceMode); + + updateToolBar(); + updateActiveButtons(); + }; + + /** + * Gets the selected text of the source editor + * @return {string} + * @private + */ + sourceEditorSelectedText = function () { + sourceEditor.focus(); + + return sourceEditor.value.substring( + sourceEditor.selectionStart, + sourceEditor.selectionEnd + ); + }; + + /** + * Handles the passed command + * @private + */ + handleCommand = function (caller, cmd) { + // check if in text mode and handle text commands + if (base.inSourceMode()) { + if (cmd.txtExec) { + if (Array.isArray(cmd.txtExec)) { + base.sourceEditorInsertText.apply(base, cmd.txtExec); + } else { + cmd.txtExec.call(base, caller, sourceEditorSelectedText()); + } + } + } else if (cmd.exec) { + if (isFunction(cmd.exec)) { + cmd.exec.call(base, caller); + } else { + base.execCommand( + cmd.exec, + cmd.hasOwnProperty('execParam') ? cmd.execParam : null + ); + } + } + + }; + + /** + * Saves the current range. Needed for IE because it forgets + * where the cursor was and what was selected + * @private + */ + saveRange = function () { + /* this is only needed for IE */ + if (IE_VER) { + lastRange = rangeHelper.selectedRange(); + } + }; + + /** + * Executes a command on the WYSIWYG editor + * + * @param {string} command + * @param {String|Boolean} [param] + * @function + * @name execCommand + * @memberOf SCEditor.prototype + */ + base.execCommand = function (command, param) { + var executed = false, + commandObj = base.commands[command]; + + base.focus(); + + // TODO: make configurable + // don't apply any commands to code elements + if (closest(rangeHelper.parentNode(), 'code')) { + return; + } + + try { + executed = wysiwygDocument.execCommand(command, false, param); + } catch (ex) { } + + // show error if execution failed and an error message exists + if (!executed && commandObj && commandObj.errorMessage) { + /*global alert:false*/ + alert(base._(commandObj.errorMessage)); + } + + updateActiveButtons(); + }; + + /** + * Checks if the current selection has changed and triggers + * the selectionchanged event if it has. + * + * In browsers other than IE, it will check at most once every 100ms. + * This is because only IE has a selection changed event. + * @private + */ + checkSelectionChanged = function () { + function check() { + // Don't create new selection if there isn't one (like after + // blur event in iOS) + if (wysiwygWindow.getSelection() && + wysiwygWindow.getSelection().rangeCount <= 0) { + currentSelection = null; + // rangeHelper could be null if editor was destroyed + // before the timeout had finished + } else if (rangeHelper && !rangeHelper.compare(currentSelection)) { + currentSelection = rangeHelper.cloneSelected(); + + // If the selection is in an inline wrap it in a block. + // Fixes #331 + if (currentSelection && currentSelection.collapsed) { + var parent$$1 = currentSelection.startContainer; + var offset = currentSelection.startOffset; + + // Handle if selection is placed before/after an element + if (offset && parent$$1.nodeType !== TEXT_NODE) { + parent$$1 = parent$$1.childNodes[offset]; + } + + while (parent$$1 && parent$$1.parentNode !== wysiwygBody) { + parent$$1 = parent$$1.parentNode; + } + + if (parent$$1 && isInline(parent$$1, true)) { + rangeHelper.saveRange(); + wrapInlines(wysiwygBody, wysiwygDocument); + rangeHelper.restoreRange(); + } + } + + trigger(editorContainer, 'selectionchanged'); + } + + isSelectionCheckPending = false; + } + + if (isSelectionCheckPending) { + return; + } + + isSelectionCheckPending = true; + + // Don't need to limit checking if browser supports the Selection API + if ('onselectionchange' in wysiwygDocument) { + check(); + } else { + setTimeout(check, 100); + } + }; + + /** + * Checks if the current node has changed and triggers + * the nodechanged event if it has + * @private + */ + checkNodeChanged = function () { + // check if node has changed + var oldNode, + node = rangeHelper.parentNode(); + + if (currentNode !== node) { + oldNode = currentNode; + currentNode = node; + currentBlockNode = rangeHelper.getFirstBlockParent(node); + + trigger(editorContainer, 'nodechanged', { + oldNode: oldNode, + newNode: currentNode + }); + } + }; + + /** + * Gets the current node that contains the selection/caret in + * WYSIWYG mode. + * + * Will be null in sourceMode or if there is no selection. + * + * @return {?Node} + * @function + * @name currentNode + * @memberOf SCEditor.prototype + */ + base.currentNode = function () { + return currentNode; + }; + + /** + * Gets the first block level node that contains the + * selection/caret in WYSIWYG mode. + * + * Will be null in sourceMode or if there is no selection. + * + * @return {?Node} + * @function + * @name currentBlockNode + * @memberOf SCEditor.prototype + * @since 1.4.4 + */ + base.currentBlockNode = function () { + return currentBlockNode; + }; + + /** + * Updates if buttons are active or not + * @private + */ + updateActiveButtons = function () { + var firstBlock, parent$$1; + var activeClass = 'active'; + var doc = wysiwygDocument; + var isSource = base.sourceMode(); + + if (base.readOnly()) { + each(find(toolbar, activeClass), function (_, menuItem) { + removeClass(menuItem, activeClass); + }); + return; + } + + if (!isSource) { + parent$$1 = rangeHelper.parentNode(); + firstBlock = rangeHelper.getFirstBlockParent(parent$$1); + } + + for (var j = 0; j < btnStateHandlers.length; j++) { + var state = 0; + var btn = toolbarButtons[btnStateHandlers[j].name]; + var stateFn = btnStateHandlers[j].state; + var isDisabled = (isSource && !btn._sceTxtMode) || + (!isSource && !btn._sceWysiwygMode); + + if (isString(stateFn)) { + if (!isSource) { + try { + state = doc.queryCommandEnabled(stateFn) ? 0 : -1; + + // eslint-disable-next-line max-depth + if (state > -1) { + state = doc.queryCommandState(stateFn) ? 1 : 0; + } + } catch (ex) {} + } + } else if (!isDisabled) { + state = stateFn.call(base, parent$$1, firstBlock); + } + + toggleClass(btn, 'disabled', isDisabled || state < 0); + toggleClass(btn, activeClass, state > 0); + } + + if (icons && icons.update) { + icons.update(isSource, parent$$1, firstBlock); + } + }; + + /** + * Handles any key press in the WYSIWYG editor + * + * @private + */ + handleKeyPress = function (e) { + // FF bug: https://bugzilla.mozilla.org/show_bug.cgi?id=501496 + if (e.defaultPrevented) { + return; + } + + base.closeDropDown(); + + // 13 = enter key + if (e.which === 13) { + var LIST_TAGS = 'li,ul,ol'; + + // "Fix" (cludge) for blocklevel elements being duplicated in some + // browsers when enter is pressed instead of inserting a newline + if (!is(currentBlockNode, LIST_TAGS) && + hasStyling(currentBlockNode)) { + lastRange = null; + + var br = createElement('br', {}, wysiwygDocument); + rangeHelper.insertNode(br); + + // Last
    of a block will be collapsed unless it is + // IE < 11 so need to make sure the
    that was inserted + // isn't the last node of a block. + if (!IE_BR_FIX$2) { + var parent$$1 = br.parentNode; + var lastChild = parent$$1.lastChild; + + // Sometimes an empty next node is created after the
    + if (lastChild && lastChild.nodeType === TEXT_NODE && + lastChild.nodeValue === '') { + remove(lastChild); + lastChild = parent$$1.lastChild; + } + + // If this is the last BR of a block and the previous + // sibling is inline then will need an extra BR. This + // is needed because the last BR of a block will be + // collapsed. Fixes issue #248 + if (!isInline(parent$$1, true) && lastChild === br && + isInline(br.previousSibling)) { + rangeHelper.insertHTML('
    '); + } + } + + e.preventDefault(); + } + } + }; + + /** + * Makes sure that if there is a code or quote tag at the + * end of the editor, that there is a new line after it. + * + * If there wasn't a new line at the end you wouldn't be able + * to enter any text after a code/quote tag + * @return {void} + * @private + */ + appendNewLine = function () { + // Check all nodes in reverse until either add a new line + // or reach a non-empty textnode or BR at which point can + // stop checking. + rTraverse(wysiwygBody, function (node) { + // Last block, add new line after if has styling + if (node.nodeType === ELEMENT_NODE && + !/inline/.test(css(node, 'display'))) { + + // Add line break after if has styling + if (!is(node, '.sceditor-nlf') && hasStyling(node)) { + var paragraph = createElement('p', {}, wysiwygDocument); + paragraph.className = 'sceditor-nlf'; + paragraph.innerHTML = !IE_BR_FIX$2 ? '
    ' : ''; + appendChild(wysiwygBody, paragraph); + return false; + } + } + + // Last non-empty text node or line break. + // No need to add line-break after them + if ((node.nodeType === 3 && !/^\s*$/.test(node.nodeValue)) || + is(node, 'br')) { + return false; + } + }); + }; + + /** + * Handles form reset event + * @private + */ + handleFormReset = function () { + base.val(original.value); + }; + + /** + * Handles any mousedown press in the WYSIWYG editor + * @private + */ + handleMouseDown = function () { + base.closeDropDown(); + lastRange = null; + }; + + /** + * Translates the string into the locale language. + * + * Replaces any {0}, {1}, {2}, ect. with the params provided. + * + * @param {string} str + * @param {...String} args + * @return {string} + * @function + * @name _ + * @memberOf SCEditor.prototype + */ + base._ = function () { + var undef, + args = arguments; + + if (locale && locale[args[0]]) { + args[0] = locale[args[0]]; + } + + return args[0].replace(/\{(\d+)\}/g, function (str, p1) { + return args[p1 - 0 + 1] !== undef ? + args[p1 - 0 + 1] : + '{' + p1 + '}'; + }); + }; + + /** + * Passes events on to any handlers + * @private + * @return void + */ + handleEvent = function (e) { + if (pluginManager) { + // Send event to all plugins + pluginManager.call(e.type + 'Event', e, base); + } + + // convert the event into a custom event to send + var name = (e.target === sourceEditor ? 'scesrc' : 'scewys') + e.type; + + if (eventHandlers[name]) { + eventHandlers[name].forEach(function (fn) { + fn.call(base, e); + }); + } + }; + + /** + * Binds a handler to the specified events + * + * This function only binds to a limited list of + * supported events. + * + * The supported events are: + * + * * keyup + * * keydown + * * Keypress + * * blur + * * focus + * * nodechanged - When the current node containing + * the selection changes in WYSIWYG mode + * * contextmenu + * * selectionchanged + * * valuechanged + * + * + * The events param should be a string containing the event(s) + * to bind this handler to. If multiple, they should be separated + * by spaces. + * + * @param {string} events + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude adding this handler + * to the WYSIWYG editor + * @param {boolean} excludeSource if to exclude adding this handler + * to the source editor + * @return {this} + * @function + * @name bind + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.bind = function (events, handler, excludeWysiwyg, excludeSource) { + events = events.split(' '); + + var i = events.length; + while (i--) { + if (isFunction(handler)) { + var wysEvent = 'scewys' + events[i]; + var srcEvent = 'scesrc' + events[i]; + // Use custom events to allow passing the instance as the + // 2nd argument. + // Also allows unbinding without unbinding the editors own + // event handlers. + if (!excludeWysiwyg) { + eventHandlers[wysEvent] = eventHandlers[wysEvent] || []; + eventHandlers[wysEvent].push(handler); + } + + if (!excludeSource) { + eventHandlers[srcEvent] = eventHandlers[srcEvent] || []; + eventHandlers[srcEvent].push(handler); + } + + // Start sending value changed events + if (events[i] === 'valuechanged') { + triggerValueChanged.hasHandler = true; + } + } + } + + return base; + }; + + /** + * Unbinds an event that was bound using bind(). + * + * @param {string} events + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude unbinding this + * handler from the WYSIWYG editor + * @param {boolean} excludeSource if to exclude unbinding this + * handler from the source editor + * @return {this} + * @function + * @name unbind + * @memberOf SCEditor.prototype + * @since 1.4.1 + * @see bind + */ + base.unbind = function (events, handler, excludeWysiwyg, excludeSource) { + events = events.split(' '); + + var i = events.length; + while (i--) { + if (isFunction(handler)) { + if (!excludeWysiwyg) { + arrayRemove( + eventHandlers['scewys' + events[i]] || [], handler); + } + + if (!excludeSource) { + arrayRemove( + eventHandlers['scesrc' + events[i]] || [], handler); + } + } + } + + return base; + }; + + /** + * Blurs the editors input area + * + * @return {this} + * @function + * @name blur + * @memberOf SCEditor.prototype + * @since 1.3.6 + */ + /** + * Adds a handler to the editors blur event + * + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude adding this handler + * to the WYSIWYG editor + * @param {boolean} excludeSource if to exclude adding this handler + * to the source editor + * @return {this} + * @function + * @name blur^2 + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.blur = function (handler, excludeWysiwyg, excludeSource) { + if (isFunction(handler)) { + base.bind('blur', handler, excludeWysiwyg, excludeSource); + } else if (!base.sourceMode()) { + wysiwygBody.blur(); + } else { + sourceEditor.blur(); + } + + return base; + }; + + /** + * Focuses the editors input area + * + * @return {this} + * @function + * @name focus + * @memberOf SCEditor.prototype + */ + /** + * Adds an event handler to the focus event + * + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude adding this handler + * to the WYSIWYG editor + * @param {boolean} excludeSource if to exclude adding this handler + * to the source editor + * @return {this} + * @function + * @name focus^2 + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.focus = function (handler, excludeWysiwyg, excludeSource) { + if (isFunction(handler)) { + base.bind('focus', handler, excludeWysiwyg, excludeSource); + } else if (!base.inSourceMode()) { + // Already has focus so do nothing + if (find(wysiwygDocument, ':focus').length) { + return; + } + + var container; + var rng = rangeHelper.selectedRange(); + + // Fix FF bug where it shows the cursor in the wrong place + // if the editor hasn't had focus before. See issue #393 + if (!currentSelection) { + autofocus(); + } + + // Check if cursor is set after a BR when the BR is the only + // child of the parent. In Firefox this causes a line break + // to occur when something is typed. See issue #321 + if (!IE_BR_FIX$2 && rng && rng.endOffset === 1 && rng.collapsed) { + container = rng.endContainer; + + if (container && container.childNodes.length === 1 && + is(container.firstChild, 'br')) { + rng.setStartBefore(container.firstChild); + rng.collapse(true); + rangeHelper.selectRange(rng); + } + } + + wysiwygWindow.focus(); + wysiwygBody.focus(); + + // Needed for IE + if (lastRange) { + rangeHelper.selectRange(lastRange); + + // Remove the stored range after being set. + // If the editor loses focus it should be saved again. + lastRange = null; + } + } else { + sourceEditor.focus(); + } + + updateActiveButtons(); + + return base; + }; + + /** + * Adds a handler to the key down event + * + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude adding this handler + * to the WYSIWYG editor + * @param {boolean} excludeSource If to exclude adding this handler + * to the source editor + * @return {this} + * @function + * @name keyDown + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.keyDown = function (handler, excludeWysiwyg, excludeSource) { + return base.bind('keydown', handler, excludeWysiwyg, excludeSource); + }; + + /** + * Adds a handler to the key press event + * + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude adding this handler + * to the WYSIWYG editor + * @param {boolean} excludeSource If to exclude adding this handler + * to the source editor + * @return {this} + * @function + * @name keyPress + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.keyPress = function (handler, excludeWysiwyg, excludeSource) { + return base + .bind('keypress', handler, excludeWysiwyg, excludeSource); + }; + + /** + * Adds a handler to the key up event + * + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude adding this handler + * to the WYSIWYG editor + * @param {boolean} excludeSource If to exclude adding this handler + * to the source editor + * @return {this} + * @function + * @name keyUp + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.keyUp = function (handler, excludeWysiwyg, excludeSource) { + return base.bind('keyup', handler, excludeWysiwyg, excludeSource); + }; + + /** + * Adds a handler to the node changed event. + * + * Happens whenever the node containing the selection/caret + * changes in WYSIWYG mode. + * + * @param {Function} handler + * @return {this} + * @function + * @name nodeChanged + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.nodeChanged = function (handler) { + return base.bind('nodechanged', handler, false, true); + }; + + /** + * Adds a handler to the selection changed event + * + * Happens whenever the selection changes in WYSIWYG mode. + * + * @param {Function} handler + * @return {this} + * @function + * @name selectionChanged + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.selectionChanged = function (handler) { + return base.bind('selectionchanged', handler, false, true); + }; + + /** + * Adds a handler to the value changed event + * + * Happens whenever the current editor value changes. + * + * Whenever anything is inserted, the value changed or + * 1.5 secs after text is typed. If a space is typed it will + * cause the event to be triggered immediately instead of + * after 1.5 seconds + * + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude adding this handler + * to the WYSIWYG editor + * @param {boolean} excludeSource If to exclude adding this handler + * to the source editor + * @return {this} + * @function + * @name valueChanged + * @memberOf SCEditor.prototype + * @since 1.4.5 + */ + base.valueChanged = function (handler, excludeWysiwyg, excludeSource) { + return base + .bind('valuechanged', handler, excludeWysiwyg, excludeSource); + }; + + /** + * Emoticons keypress handler + * @private + */ + emoticonsKeyPress = function (e) { + var replacedEmoticon, + cachePos = 0, + emoticonsCache = base.emoticonsCache, + curChar = String.fromCharCode(e.which); + + // TODO: Make configurable + if (closest(currentBlockNode, 'code')) { + return; + } + + if (!emoticonsCache) { + emoticonsCache = []; + + each(allEmoticons, function (key, html) { + emoticonsCache[cachePos++] = [key, html]; + }); + + emoticonsCache.sort(function (a, b) { + return a[0].length - b[0].length; + }); + + base.emoticonsCache = emoticonsCache; + base.longestEmoticonCode = + emoticonsCache[emoticonsCache.length - 1][0].length; + } + + replacedEmoticon = rangeHelper.replaceKeyword( + base.emoticonsCache, + true, + true, + base.longestEmoticonCode, + options.emoticonsCompat, + curChar + ); + + if (replacedEmoticon) { + if (!options.emoticonsCompat || !/^\s$/.test(curChar)) { + e.preventDefault(); + } + } + }; + + /** + * Makes sure emoticons are surrounded by whitespace + * @private + */ + emoticonsCheckWhitespace = function () { + checkWhitespace(currentBlockNode, rangeHelper); + }; + + /** + * Gets if emoticons are currently enabled + * @return {boolean} + * @function + * @name emoticons + * @memberOf SCEditor.prototype + * @since 1.4.2 + */ + /** + * Enables/disables emoticons + * + * @param {boolean} enable + * @return {this} + * @function + * @name emoticons^2 + * @memberOf SCEditor.prototype + * @since 1.4.2 + */ + base.emoticons = function (enable) { + if (!enable && enable !== false) { + return options.emoticonsEnabled; + } + + options.emoticonsEnabled = enable; + + if (enable) { + on(wysiwygBody, 'keypress', emoticonsKeyPress); + + if (!base.sourceMode()) { + rangeHelper.saveRange(); + + replaceEmoticons(); + triggerValueChanged(false); + + rangeHelper.restoreRange(); + } + } else { + var emoticons = + find(wysiwygBody, 'img[data-sceditor-emoticon]'); + + each(emoticons, function (_, img) { + var text = data(img, 'sceditor-emoticon'); + var textNode = wysiwygDocument.createTextNode(text); + img.parentNode.replaceChild(textNode, img); + }); + + off(wysiwygBody, 'keypress', emoticonsKeyPress); + + triggerValueChanged(); + } + + return base; + }; + + /** + * Gets the current WYSIWYG editors inline CSS + * + * @return {string} + * @function + * @name css + * @memberOf SCEditor.prototype + * @since 1.4.3 + */ + /** + * Sets inline CSS for the WYSIWYG editor + * + * @param {string} css + * @return {this} + * @function + * @name css^2 + * @memberOf SCEditor.prototype + * @since 1.4.3 + */ + base.css = function (css$$1) { + if (!inlineCss) { + inlineCss = createElement('style', { + id: 'inline' + }, wysiwygDocument); + + appendChild(wysiwygDocument.head, inlineCss); + } + + if (!isString(css$$1)) { + return inlineCss.styleSheet ? + inlineCss.styleSheet.cssText : inlineCss.innerHTML; + } + + if (inlineCss.styleSheet) { + inlineCss.styleSheet.cssText = css$$1; + } else { + inlineCss.innerHTML = css$$1; + } + + return base; + }; + + /** + * Handles the keydown event, used for shortcuts + * @private + */ + handleKeyDown = function (e) { + var shortcut = [], + SHIFT_KEYS = { + '`': '~', + '1': '!', + '2': '@', + '3': '#', + '4': '$', + '5': '%', + '6': '^', + '7': '&', + '8': '*', + '9': '(', + '0': ')', + '-': '_', + '=': '+', + ';': ': ', + '\'': '"', + ',': '<', + '.': '>', + '/': '?', + '\\': '|', + '[': '{', + ']': '}' + }, + SPECIAL_KEYS = { + 8: 'backspace', + 9: 'tab', + 13: 'enter', + 19: 'pause', + 20: 'capslock', + 27: 'esc', + 32: 'space', + 33: 'pageup', + 34: 'pagedown', + 35: 'end', + 36: 'home', + 37: 'left', + 38: 'up', + 39: 'right', + 40: 'down', + 45: 'insert', + 46: 'del', + 91: 'win', + 92: 'win', + 93: 'select', + 96: '0', + 97: '1', + 98: '2', + 99: '3', + 100: '4', + 101: '5', + 102: '6', + 103: '7', + 104: '8', + 105: '9', + 106: '*', + 107: '+', + 109: '-', + 110: '.', + 111: '/', + 112: 'f1', + 113: 'f2', + 114: 'f3', + 115: 'f4', + 116: 'f5', + 117: 'f6', + 118: 'f7', + 119: 'f8', + 120: 'f9', + 121: 'f10', + 122: 'f11', + 123: 'f12', + 144: 'numlock', + 145: 'scrolllock', + 186: ';', + 187: '=', + 188: ',', + 189: '-', + 190: '.', + 191: '/', + 192: '`', + 219: '[', + 220: '\\', + 221: ']', + 222: '\'' + }, + NUMPAD_SHIFT_KEYS = { + 109: '-', + 110: 'del', + 111: '/', + 96: '0', + 97: '1', + 98: '2', + 99: '3', + 100: '4', + 101: '5', + 102: '6', + 103: '7', + 104: '8', + 105: '9' + }, + which = e.which, + character = SPECIAL_KEYS[which] || + String.fromCharCode(which).toLowerCase(); + + if (e.ctrlKey || e.metaKey) { + shortcut.push('ctrl'); + } + + if (e.altKey) { + shortcut.push('alt'); + } + + if (e.shiftKey) { + shortcut.push('shift'); + + if (NUMPAD_SHIFT_KEYS[which]) { + character = NUMPAD_SHIFT_KEYS[which]; + } else if (SHIFT_KEYS[character]) { + character = SHIFT_KEYS[character]; + } + } + + // Shift is 16, ctrl is 17 and alt is 18 + if (character && (which < 16 || which > 18)) { + shortcut.push(character); + } + + shortcut = shortcut.join('+'); + if (shortcutHandlers[shortcut] && + shortcutHandlers[shortcut].call(base) === false) { + + e.stopPropagation(); + e.preventDefault(); + } + }; + + /** + * Adds a shortcut handler to the editor + * @param {string} shortcut + * @param {String|Function} cmd + * @return {sceditor} + */ + base.addShortcut = function (shortcut, cmd) { + shortcut = shortcut.toLowerCase(); + + if (isString(cmd)) { + shortcutHandlers[shortcut] = function () { + handleCommand(toolbarButtons[cmd], base.commands[cmd]); + + return false; + }; + } else { + shortcutHandlers[shortcut] = cmd; + } + + return base; + }; + + /** + * Removes a shortcut handler + * @param {string} shortcut + * @return {sceditor} + */ + base.removeShortcut = function (shortcut) { + delete shortcutHandlers[shortcut.toLowerCase()]; + + return base; + }; + + /** + * Handles the backspace key press + * + * Will remove block styling like quotes/code ect if at the start. + * @private + */ + handleBackSpace = function (e) { + var node, offset, range, parent$$1; + + // 8 is the backspace key + if (options.disableBlockRemove || e.which !== 8 || + !(range = rangeHelper.selectedRange())) { + return; + } + + node = range.startContainer; + offset = range.startOffset; + + if (offset !== 0 || !(parent$$1 = currentStyledBlockNode()) || + is(parent$$1, 'body')) { + return; + } + + while (node !== parent$$1) { + while (node.previousSibling) { + node = node.previousSibling; + + // Everything but empty text nodes before the cursor + // should prevent the style from being removed + if (node.nodeType !== TEXT_NODE || node.nodeValue) { + return; + } + } + + if (!(node = node.parentNode)) { + return; + } + } + + // The backspace was pressed at the start of + // the container so clear the style + base.clearBlockFormatting(parent$$1); + e.preventDefault(); + }; + + /** + * Gets the first styled block node that contains the cursor + * @return {HTMLElement} + */ + currentStyledBlockNode = function () { + var block = currentBlockNode; + + while (!hasStyling(block) || isInline(block, true)) { + if (!(block = block.parentNode) || is(block, 'body')) { + return; + } + } + + return block; + }; + + /** + * Clears the formatting of the passed block element. + * + * If block is false, if will clear the styling of the first + * block level element that contains the cursor. + * @param {HTMLElement} block + * @since 1.4.4 + */ + base.clearBlockFormatting = function (block) { + block = block || currentStyledBlockNode(); + + if (!block || is(block, 'body')) { + return base; + } + + rangeHelper.saveRange(); + + block.className = ''; + lastRange = null; + + attr(block, 'style', ''); + + if (!is(block, 'p,div,td')) { + convertElement(block, 'p'); + } + + rangeHelper.restoreRange(); + return base; + }; + + /** + * Triggers the valueChanged signal if there is + * a plugin that handles it. + * + * If rangeHelper.saveRange() has already been + * called, then saveRange should be set to false + * to prevent the range being saved twice. + * + * @since 1.4.5 + * @param {boolean} saveRange If to call rangeHelper.saveRange(). + * @private + */ + triggerValueChanged = function (saveRange) { + if (!pluginManager || + (!pluginManager.hasHandler('valuechangedEvent') && + !triggerValueChanged.hasHandler)) { + return; + } + + var currentHtml, + sourceMode = base.sourceMode(), + hasSelection = !sourceMode && rangeHelper.hasSelection(); + + // Composition end isn't guaranteed to fire but must have + // ended when triggerValueChanged() is called so reset it + isComposing = false; + + // Don't need to save the range if sceditor-start-marker + // is present as the range is already saved + saveRange = saveRange !== false && + !wysiwygDocument.getElementById('sceditor-start-marker'); + + // Clear any current timeout as it's now been triggered + if (valueChangedKeyUpTimer) { + clearTimeout(valueChangedKeyUpTimer); + valueChangedKeyUpTimer = false; + } + + if (hasSelection && saveRange) { + rangeHelper.saveRange(); + } + + currentHtml = sourceMode ? sourceEditor.value : wysiwygBody.innerHTML; + + // Only trigger if something has actually changed. + if (currentHtml !== triggerValueChanged.lastVal) { + triggerValueChanged.lastVal = currentHtml; + + trigger(editorContainer, 'valuechanged', { + rawValue: sourceMode ? base.val() : currentHtml + }); + } + + if (hasSelection && saveRange) { + rangeHelper.removeMarkers(); + } + }; + + /** + * Should be called whenever there is a blur event + * @private + */ + valueChangedBlur = function () { + if (valueChangedKeyUpTimer) { + triggerValueChanged(); + } + }; + + /** + * Should be called whenever there is a keypress event + * @param {Event} e The keypress event + * @private + */ + valueChangedKeyUp = function (e) { + var which = e.which, + lastChar = valueChangedKeyUp.lastChar, + lastWasSpace = (lastChar === 13 || lastChar === 32), + lastWasDelete = (lastChar === 8 || lastChar === 46); + + valueChangedKeyUp.lastChar = which; + + if (isComposing) { + return; + } + + // 13 = return & 32 = space + if (which === 13 || which === 32) { + if (!lastWasSpace) { + triggerValueChanged(); + } else { + valueChangedKeyUp.triggerNext = true; + } + // 8 = backspace & 46 = del + } else if (which === 8 || which === 46) { + if (!lastWasDelete) { + triggerValueChanged(); + } else { + valueChangedKeyUp.triggerNext = true; + } + } else if (valueChangedKeyUp.triggerNext) { + triggerValueChanged(); + valueChangedKeyUp.triggerNext = false; + } + + // Clear the previous timeout and set a new one. + clearTimeout(valueChangedKeyUpTimer); + + // Trigger the event 1.5s after the last keypress if space + // isn't pressed. This might need to be lowered, will need + // to look into what the slowest average Chars Per Min is. + valueChangedKeyUpTimer = setTimeout(function () { + if (!isComposing) { + triggerValueChanged(); + } + }, 1500); + }; + + handleComposition = function (e) { + isComposing = /start/i.test(e.type); + + if (!isComposing) { + triggerValueChanged(); + } + }; + + autoUpdate = function () { + base.updateOriginal(); + }; + + // run the initializer + init(); + } + + + /** + * Map containing the loaded SCEditor locales + * @type {Object} + * @name locale + * @memberOf sceditor + */ + SCEditor.locale = {}; + + SCEditor.formats = {}; + SCEditor.icons = {}; + + + /** + * Static command helper class + * @class command + * @name sceditor.command + */ + SCEditor.command = + /** @lends sceditor.command */ + { + /** + * Gets a command + * + * @param {string} name + * @return {Object|null} + * @since v1.3.5 + */ + get: function (name) { + return defaultCmds[name] || null; + }, + + /** + *

    Adds a command to the editor or updates an existing + * command if a command with the specified name already exists.

    + * + *

    Once a command is add it can be included in the toolbar by + * adding it's name to the toolbar option in the constructor. It + * can also be executed manually by calling + * {@link sceditor.execCommand}

    + * + * @example + * SCEditor.command.set("hello", + * { + * exec: function () { + * alert("Hello World!"); + * } + * }); + * + * @param {string} name + * @param {Object} cmd + * @return {this|false} Returns false if name or cmd is false + * @since v1.3.5 + */ + set: function (name, cmd) { + if (!name || !cmd) { + return false; + } + + // merge any existing command properties + cmd = extend(defaultCmds[name] || {}, cmd); + + cmd.remove = function () { + SCEditor.command.remove(name); + }; + + defaultCmds[name] = cmd; + return this; + }, + + /** + * Removes a command + * + * @param {string} name + * @return {this} + * @since v1.3.5 + */ + remove: function (name) { + if (defaultCmds[name]) { + delete defaultCmds[name]; + } + + return this; + } + }; + + /** + * SCEditor + * http://www.sceditor.com/ + * + * Copyright (C) 2017, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + * + * @fileoverview SCEditor - A lightweight WYSIWYG BBCode and HTML editor + * @author Sam Clarke + */ + + window.sceditor = { + command: SCEditor.command, + commands: defaultCmds, + defaultOptions: defaultOptions, + + ie: ie, + ios: ios, + isWysiwygSupported: isWysiwygSupported, + + regexEscape: regex, + escapeEntities: entities, + escapeUriScheme: uriScheme, + + dom: { + css: css, + attr: attr, + removeAttr: removeAttr, + is: is, + closest: closest, + width: width, + height: height, + traverse: traverse, + rTraverse: rTraverse, + parseHTML: parseHTML, + hasStyling: hasStyling, + convertElement: convertElement, + blockLevelList: blockLevelList, + canHaveChildren: canHaveChildren, + isInline: isInline, + copyCSS: copyCSS, + fixNesting: fixNesting, + findCommonAncestor: findCommonAncestor, + getSibling: getSibling, + removeWhiteSpace: removeWhiteSpace, + extractContents: extractContents, + getOffset: getOffset, + getStyle: getStyle, + hasStyle: hasStyle + }, + locale: SCEditor.locale, + icons: SCEditor.icons, + utils: { + each: each, + isEmptyObject: isEmptyObject, + extend: extend + }, + plugins: PluginManager.plugins, + formats: SCEditor.formats, + create: function (textarea, options) { + options = options || {}; + + // Don't allow the editor to be initialised + // on it's own source editor + if (parent(textarea, '.sceditor-container')) { + return; + } + + if (options.runWithoutWysiwygSupport || isWysiwygSupported) { + /*eslint no-new: off*/ + (new SCEditor(textarea, options)); + } + }, + instance: function (textarea) { + return textarea._sceditor; + } + }; + + /** + * SCEditor + * http://www.sceditor.com/ + * + * Copyright (C) 2017, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + * + * @fileoverview SCEditor - A lightweight WYSIWYG BBCode and HTML editor + * @author Sam Clarke + * @requires jQuery + */ + + // For backwards compatibility + $.sceditor = window.sceditor; + + /** + * Creates an instance of sceditor on all textareas + * matched by the jQuery selector. + * + * If options is set to "state" it will return bool value + * indicating if the editor has been initialised on the + * matched textarea(s). If there is only one textarea + * it will return the bool value for that textarea. + * If more than one textarea is matched it will + * return an array of bool values for each textarea. + * + * If options is set to "instance" it will return the + * current editor instance for the textarea(s). Like the + * state option, if only one textarea is matched this will + * return just the instance for that textarea. If more than + * one textarea is matched it will return an array of + * instances each textarea. + * + * @param {Object|string} [options] Should either be an Object of options or + * the strings "state" or "instance" + * @return {this|Array|Array|SCEditor|boolean} + */ + $.fn.sceditor = function (options) { + var instance; + var ret = []; + + this.each(function () { + instance = this._sceditor; + + // Add state of instance to ret if that is what options is set to + if (options === 'state') { + ret.push(!!instance); + } else if (options === 'instance') { + ret.push(instance); + } else if (!instance) { + $.sceditor.create(this, options); + } + }); + + // If nothing in the ret array then must be init so return this + if (!ret.length) { + return this; + } + + return ret.length === 1 ? ret[0] : ret; + }; + +}(jQuery)); diff --git a/public/assets/development/jquery.sceditor.xhtml.js b/public/assets/development/jquery.sceditor.xhtml.js new file mode 100644 index 0000000..e9dc609 --- /dev/null +++ b/public/assets/development/jquery.sceditor.xhtml.js @@ -0,0 +1,8885 @@ +(function ($) { + 'use strict'; + + $ = $ && $.hasOwnProperty('default') ? $['default'] : $; + + /** + * Check if the passed argument is the + * the passed type. + * + * @param {string} type + * @param {*} arg + * @returns {boolean} + */ + function isTypeof(type, arg) { + return typeof arg === type; + } + + /** + * @type {function(*): boolean} + */ + var isString = isTypeof.bind(null, 'string'); + + /** + * @type {function(*): boolean} + */ + var isUndefined = isTypeof.bind(null, 'undefined'); + + /** + * @type {function(*): boolean} + */ + var isFunction = isTypeof.bind(null, 'function'); + + /** + * @type {function(*): boolean} + */ + var isNumber = isTypeof.bind(null, 'number'); + + + /** + * Returns true if an object has no keys + * + * @param {!Object} obj + * @returns {boolean} + */ + function isEmptyObject(obj) { + return !Object.keys(obj).length; + } + + /** + * Extends the first object with any extra objects passed + * + * If the first argument is boolean and set to true + * it will extend child arrays and objects recursively. + * + * @param {!Object|boolean} targetArg + * @param {...Object} source + * @return {Object} + */ + function extend(targetArg, sourceArg) { + var isTargetBoolean = targetArg === !!targetArg; + var i = isTargetBoolean ? 2 : 1; + var target = isTargetBoolean ? sourceArg : targetArg; + var isDeep = isTargetBoolean ? targetArg : false; + + for (; i < arguments.length; i++) { + var source = arguments[i]; + + // Copy all properties for jQuery compatibility + /* eslint guard-for-in: off */ + for (var key in source) { + var value = source[key]; + + // Skip undefined values to match jQuery and + // skip if target to prevent infinite loop + if (!isUndefined(value)) { + var isObject = value !== null && typeof value === 'object' && + Object.getPrototypeOf(value) === Object.prototype; + var isArray = Array.isArray(value); + + if (isDeep && (isObject || isArray)) { + target[key] = extend( + true, + target[key] || (isArray ? [] : {}), + value + ); + } else { + target[key] = value; + } + } + } + } + + return target; + } + + /** + * Removes an item from the passed array + * + * @param {!Array} arr + * @param {*} item + */ + function arrayRemove(arr, item) { + var i = arr.indexOf(item); + + if (i > -1) { + arr.splice(i, 1); + } + } + + /** + * Iterates over an array or object + * + * @param {!Object|Array} obj + * @param {function(*, *)} fn + */ + function each(obj, fn) { + if (Array.isArray(obj) || 'length' in obj && isNumber(obj.length)) { + for (var i = 0; i < obj.length; i++) { + fn(i, obj[i]); + } + } else { + Object.keys(obj).forEach(function (key) { + fn(key, obj[key]); + }); + } + } + + /** + * Cache of camelCase CSS property names + * @type {Object} + */ + var cssPropertyNameCache = {}; + + /** + * Node type constant for element nodes + * + * @type {number} + */ + var ELEMENT_NODE = 1; + + /** + * Node type constant for text nodes + * + * @type {number} + */ + var TEXT_NODE = 3; + + /** + * Node type constant for comment nodes + * + * @type {number} + */ + + + /** + * Node type document nodes + * + * @type {number} + */ + + + /** + * Node type constant for document fragments + * + * @type {number} + */ + + + function toFloat(value) { + value = parseFloat(value); + + return isFinite(value) ? value : 0; + } + + /** + * Creates an element with the specified attributes + * + * Will create it in the current document unless context + * is specified. + * + * @param {!string} tag + * @param {!Object} [attributes] + * @param {!Document} [context] + * @returns {!HTMLElement} + */ + function createElement(tag, attributes, context) { + var node = (context || document).createElement(tag); + + each(attributes || {}, function (key, value) { + if (key === 'style') { + node.style.cssText = value; + } else if (key in node) { + node[key] = value; + } else { + node.setAttribute(key, value); + } + }); + + return node; + } + + /** + * Returns an array of parents that matches the selector + * + * @param {!HTMLElement} node + * @param {!string} [selector] + * @returns {Array} + */ + + + /** + * Gets the first parent node that matches the selector + * + * @param {!HTMLElement} node + * @param {!string} [selector] + * @returns {HTMLElement|undefined} + */ + function parent(node, selector) { + var parent = node || {}; + + while ((parent = parent.parentNode) && !/(9|11)/.test(parent.nodeType)) { + if (!selector || is(parent, selector)) { + return parent; + } + } + } + + /** + * Checks the passed node and all parents and + * returns the first matching node if any. + * + * @param {!HTMLElement} node + * @param {!string} selector + * @returns {HTMLElement|undefined} + */ + function closest(node, selector) { + return is(node, selector) ? node : parent(node, selector); + } + + /** + * Removes the node from the DOM + * + * @param {!HTMLElement} node + */ + function remove(node) { + if (node.parentNode) { + node.parentNode.removeChild(node); + } + } + + /** + * Appends child to parent node + * + * @param {!HTMLElement} node + * @param {!HTMLElement} child + */ + function appendChild(node, child) { + node.appendChild(child); + } + + /** + * Finds any child nodes that match the selector + * + * @param {!HTMLElement} node + * @param {!string} selector + * @returns {NodeList} + */ + function find(node, selector) { + return node.querySelectorAll(selector); + } + + /** + * For on() and off() if to add/remove the event + * to the capture phase + * + * @type {boolean} + */ + var EVENT_CAPTURE = true; + + /** + * For on() and off() if to add/remove the event + * to the bubble phase + * + * @type {boolean} + */ + + + /** + * Adds an event listener for the specified events. + * + * Events should be a space separated list of events. + * + * If selector is specified the handler will only be + * called when the event target matches the selector. + * + * @param {!Node} node + * @param {string} events + * @param {string} [selector] + * @param {function(Object)} fn + * @param {boolean} [capture=false] + * @see off() + */ + // eslint-disable-next-line max-params + function on(node, events, selector, fn, capture) { + events.split(' ').forEach(function (event) { + var handler; + + if (isString(selector)) { + handler = fn['_sce-event-' + event + selector] || function (e) { + var target = e.target; + while (target && target !== node) { + if (is(target, selector)) { + fn.call(target, e); + return; + } + + target = target.parentNode; + } + }; + + fn['_sce-event-' + event + selector] = handler; + } else { + handler = selector; + capture = fn; + } + + node.addEventListener(event, handler, capture || false); + }); + } + + /** + * Removes an event listener for the specified events. + * + * @param {!Node} node + * @param {string} events + * @param {string} [selector] + * @param {function(Object)} fn + * @param {boolean} [capture=false] + * @see on() + */ + // eslint-disable-next-line max-params + function off(node, events, selector, fn, capture) { + events.split(' ').forEach(function (event) { + var handler; + + if (isString(selector)) { + handler = fn['_sce-event-' + event + selector]; + } else { + handler = selector; + capture = fn; + } + + node.removeEventListener(event, handler, capture || false); + }); + } + + /** + * If only attr param is specified it will get + * the value of the attr param. + * + * If value is specified but null the attribute + * will be removed otherwise the attr value will + * be set to the passed value. + * + * @param {!HTMLElement} node + * @param {!string} attr + * @param {?string} [value] + */ + function attr(node, attr, value) { + if (arguments.length < 3) { + return node.getAttribute(attr); + } + + // eslint-disable-next-line eqeqeq, no-eq-null + if (value == null) { + removeAttr(node, attr); + } else { + node.setAttribute(attr, value); + } + } + + /** + * Removes the specified attribute + * + * @param {!HTMLElement} node + * @param {!string} attr + */ + function removeAttr(node, attr) { + node.removeAttribute(attr); + } + + /** + * Sets the passed elements display to none + * + * @param {!HTMLElement} node + */ + function hide(node) { + css(node, 'display', 'none'); + } + + /** + * Sets the passed elements display to default + * + * @param {!HTMLElement} node + */ + function show(node) { + css(node, 'display', ''); + } + + /** + * Toggles an elements visibility + * + * @param {!HTMLElement} node + */ + function toggle(node) { + if (isVisible(node)) { + hide(node); + } else { + show(node); + } + } + + /** + * Gets a computed CSS values or sets an inline CSS value + * + * Rules should be in camelCase format and not + * hyphenated like CSS properties. + * + * @param {!HTMLElement} node + * @param {!Object|string} rule + * @param {string|number} [value] + * @return {string|number|undefined} + */ + function css(node, rule, value) { + if (arguments.length < 3) { + if (isString(rule)) { + return node.nodeType === 1 ? getComputedStyle(node)[rule] : null; + } + + each(rule, function (key, value) { + css(node, key, value); + }); + } else { + // isNaN returns false for null, false and empty strings + // so need to check it's truthy or 0 + var isNumeric = (value || value === 0) && !isNaN(value); + node.style[rule] = isNumeric ? value + 'px' : value; + } + } + + + /** + * Gets or sets thee data attributes on a node + * + * Unlike the jQuery version this only stores data + * in the DOM attributes which means only strings + * can be stored. + * + * @param {Node} node + * @param {string} [key] + * @param {string} [value] + * @return {Object|undefined} + */ + function data(node, key, value) { + var argsLength = arguments.length; + var data = {}; + + if (node.nodeType === ELEMENT_NODE) { + if (argsLength === 1) { + each(node.attributes, function (_, attr) { + if (/^data\-/i.test(attr.name)) { + data[attr.name.substr(5)] = attr.value; + } + }); + + return data; + } + + if (argsLength === 2) { + return attr(node, 'data-' + key); + } + + attr(node, 'data-' + key, String(value)); + } + } + + /** + * Checks if node matches the given selector. + * + * @param {?HTMLElement} node + * @param {string} selector + * @returns {boolean} + */ + function is(node, selector) { + var result = false; + + if (node && node.nodeType === ELEMENT_NODE) { + result = (node.matches || node.msMatchesSelector || + node.webkitMatchesSelector).call(node, selector); + } + + return result; + } + + + /** + * Returns true if node contains child otherwise false. + * + * This differs from the DOM contains() method in that + * if node and child are equal this will return false. + * + * @param {!Node} node + * @param {HTMLElement} child + * @returns {boolean} + */ + function contains(node, child) { + return node !== child && node.contains && node.contains(child); + } + + /** + * @param {Node} node + * @param {string} [selector] + * @returns {?HTMLElement} + */ + function previousElementSibling(node, selector) { + var prev = node.previousElementSibling; + + if (selector && prev) { + return is(prev, selector) ? prev : null; + } + + return prev; + } + + /** + * @param {!Node} node + * @param {!Node} refNode + * @returns {Node} + */ + function insertBefore(node, refNode) { + return refNode.parentNode.insertBefore(node, refNode); + } + + /** + * @param {?HTMLElement} node + * @returns {!Array.} + */ + function classes(node) { + return node.className.trim().split(/\s+/); + } + + /** + * @param {?HTMLElement} node + * @param {string} className + * @returns {boolean} + */ + function hasClass(node, className) { + return is(node, '.' + className); + } + + /** + * @param {!HTMLElement} node + * @param {string} className + */ + function addClass(node, className) { + var classList = classes(node); + + if (classList.indexOf(className) < 0) { + classList.push(className); + } + + node.className = classList.join(' '); + } + + /** + * @param {!HTMLElement} node + * @param {string} className + */ + function removeClass(node, className) { + var classList = classes(node); + + arrayRemove(classList, className); + + node.className = classList.join(' '); + } + + /** + * Toggles a class on node. + * + * If state is specified and is truthy it will add + * the class. + * + * If state is specified and is falsey it will remove + * the class. + * + * @param {HTMLElement} node + * @param {string} className + * @param {boolean} [state] + */ + function toggleClass(node, className, state) { + state = isUndefined(state) ? !hasClass(node, className) : state; + + if (state) { + addClass(node, className); + } else { + removeClass(node, className); + } + } + + /** + * Gets or sets the width of the passed node. + * + * @param {HTMLElement} node + * @param {number|string} [value] + * @returns {number|undefined} + */ + function width(node, value) { + if (isUndefined(value)) { + var cs = getComputedStyle(node); + var padding = toFloat(cs.paddingLeft) + toFloat(cs.paddingRight); + var border = toFloat(cs.borderLeftWidth) + toFloat(cs.borderRightWidth); + + return node.offsetWidth - padding - border; + } + + css(node, 'width', value); + } + + /** + * Gets or sets the height of the passed node. + * + * @param {HTMLElement} node + * @param {number|string} [value] + * @returns {number|undefined} + */ + function height(node, value) { + if (isUndefined(value)) { + var cs = getComputedStyle(node); + var padding = toFloat(cs.paddingTop) + toFloat(cs.paddingBottom); + var border = toFloat(cs.borderTopWidth) + toFloat(cs.borderBottomWidth); + + return node.offsetHeight - padding - border; + } + + css(node, 'height', value); + } + + /** + * Triggers a custom event with the specified name and + * sets the detail property to the data object passed. + * + * @param {HTMLElement} node + * @param {string} eventName + * @param {Object} [data] + */ + function trigger(node, eventName, data) { + var event; + + if (isFunction(window.CustomEvent)) { + event = new CustomEvent(eventName, { + bubbles: true, + cancelable: true, + detail: data + }); + } else { + event = node.ownerDocument.createEvent('CustomEvent'); + event.initCustomEvent(eventName, true, true, data); + } + + node.dispatchEvent(event); + } + + /** + * Returns if a node is visible. + * + * @param {HTMLElement} + * @returns {boolean} + */ + function isVisible(node) { + return !!node.getClientRects().length; + } + + /** + * Convert CSS property names into camel case + * + * @param {string} string + * @returns {string} + */ + function camelCase(string) { + return string + .replace(/^-ms-/, 'ms-') + .replace(/-(\w)/g, function (match, char) { + return char.toUpperCase(); + }); + } + + + /** + * Loop all child nodes of the passed node + * + * The function should accept 1 parameter being the node. + * If the function returns false the loop will be exited. + * + * @param {HTMLElement} node + * @param {function} func Callback which is called with every + * child node as the first argument. + * @param {boolean} innermostFirst If the innermost node should be passed + * to the function before it's parents. + * @param {boolean} siblingsOnly If to only traverse the nodes siblings + * @param {boolean} [reverse=false] If to traverse the nodes in reverse + */ + // eslint-disable-next-line max-params + function traverse(node, func, innermostFirst, siblingsOnly, reverse) { + node = reverse ? node.lastChild : node.firstChild; + + while (node) { + var next = reverse ? node.previousSibling : node.nextSibling; + + if ( + (!innermostFirst && func(node) === false) || + (!siblingsOnly && traverse( + node, func, innermostFirst, siblingsOnly, reverse + ) === false) || + (innermostFirst && func(node) === false) + ) { + return false; + } + + node = next; + } + } + + /** + * Like traverse but loops in reverse + * @see traverse + */ + function rTraverse(node, func, innermostFirst, siblingsOnly) { + traverse(node, func, innermostFirst, siblingsOnly, true); + } + + /** + * Parses HTML into a document fragment + * + * @param {string} html + * @param {Document} [context] + * @since 1.4.4 + * @return {DocumentFragment} + */ + function parseHTML(html, context) { + context = context || document; + + var ret = context.createDocumentFragment(); + var tmp = createElement('div', {}, context); + + tmp.innerHTML = html; + + while (tmp.firstChild) { + appendChild(ret, tmp.firstChild); + } + + return ret; + } + + /** + * Checks if an element has any styling. + * + * It has styling if it is not a plain
    or

    or + * if it has a class, style attribute or data. + * + * @param {HTMLElement} elm + * @return {boolean} + * @since 1.4.4 + */ + function hasStyling(node) { + return node && (!is(node, 'p,div') || node.className || + attr(node, 'style') || !isEmptyObject(data(node))); + } + + /** + * Converts an element from one type to another. + * + * For example it can convert the element to + * + * @param {HTMLElement} element + * @param {string} toTagName + * @return {HTMLElement} + * @since 1.4.4 + */ + function convertElement(element, toTagName) { + var newElement = createElement(toTagName, {}, element.ownerDocument); + + each(element.attributes, function (_, attribute) { + // Some browsers parse invalid attributes names like + // 'size"2' which throw an exception when set, just + // ignore these. + try { + attr(newElement, attribute.name, attribute.value); + } catch (ex) {} + }); + + while (element.firstChild) { + appendChild(newElement, element.firstChild); + } + + element.parentNode.replaceChild(newElement, element); + + return newElement; + } + + /** + * List of block level elements separated by bars (|) + * + * @type {string} + */ + var blockLevelList = '|body|hr|p|div|h1|h2|h3|h4|h5|h6|address|pre|' + + 'form|table|tbody|thead|tfoot|th|tr|td|li|ol|ul|blockquote|center|'; + + /** + * List of elements that do not allow children separated by bars (|) + * + * @param {Node} node + * @return {boolean} + * @since 1.4.5 + */ + function canHaveChildren(node) { + // 1 = Element + // 9 = Document + // 11 = Document Fragment + if (!/11?|9/.test(node.nodeType)) { + return false; + } + + // List of empty HTML tags separated by bar (|) character. + // Source: http://www.w3.org/TR/html4/index/elements.html + // Source: http://www.w3.org/TR/html5/syntax.html#void-elements + return ('|iframe|area|base|basefont|br|col|frame|hr|img|input|wbr' + + '|isindex|link|meta|param|command|embed|keygen|source|track|' + + 'object|').indexOf('|' + node.nodeName.toLowerCase() + '|') < 0; + } + + /** + * Checks if an element is inline + * + * @param {HTMLElement} elm + * @param {boolean} [includeCodeAsBlock=false] + * @return {boolean} + */ + function isInline(elm, includeCodeAsBlock) { + var tagName, + nodeType = (elm || {}).nodeType || TEXT_NODE; + + if (nodeType !== ELEMENT_NODE) { + return nodeType === TEXT_NODE; + } + + tagName = elm.tagName.toLowerCase(); + + if (tagName === 'code') { + return !includeCodeAsBlock; + } + + return blockLevelList.indexOf('|' + tagName + '|') < 0; + } + + /** + * Copy the CSS from 1 node to another. + * + * Only copies CSS defined on the element e.g. style attr. + * + * @param {HTMLElement} from + * @param {HTMLElement} to + */ + function copyCSS(from, to) { + to.style.cssText = from.style.cssText + to.style.cssText; + } + + /** + * Fixes block level elements inside in inline elements. + * + * Also fixes invalid list nesting by placing nested lists + * inside the previous li tag or wrapping them in an li tag. + * + * @param {HTMLElement} node + */ + function fixNesting(node) { + var getLastInlineParent = function (node) { + while (isInline(node.parentNode, true)) { + node = node.parentNode; + } + + return node; + }; + + traverse(node, function (node) { + var list = 'ul,ol', + isBlock = !isInline(node, true); + + // Any blocklevel element inside an inline element needs fixing. + if (isBlock && isInline(node.parentNode, true)) { + var parent = getLastInlineParent(node), + before = extractContents(parent, node), + middle = node; + + // copy current styling so when moved out of the parent + // it still has the same styling + copyCSS(parent, middle); + + insertBefore(before, parent); + insertBefore(middle, parent); + } + + // Fix invalid nested lists which should be wrapped in an li tag + if (isBlock && is(node, list) && is(node.parentNode, list)) { + var li = previousElementSibling(node, 'li'); + + if (!li) { + li = createElement('li'); + insertBefore(li, node); + } + + appendChild(li, node); + } + }); + } + + /** + * Finds the common parent of two nodes + * + * @param {!HTMLElement} node1 + * @param {!HTMLElement} node2 + * @return {?HTMLElement} + */ + function findCommonAncestor(node1, node2) { + while ((node1 = node1.parentNode)) { + if (contains(node1, node2)) { + return node1; + } + } + } + + /** + * @param {?Node} + * @param {boolean} [previous=false] + * @returns {?Node} + */ + function getSibling(node, previous) { + if (!node) { + return null; + } + + return (previous ? node.previousSibling : node.nextSibling) || + getSibling(node.parentNode, previous); + } + + /** + * Removes unused whitespace from the root and all it's children. + * + * @param {!HTMLElement} root + * @since 1.4.3 + */ + function removeWhiteSpace(root) { + var nodeValue, nodeType, next, previous, previousSibling, + nextNode, trimStart, + cssWhiteSpace = css(root, 'whiteSpace'), + // Preserve newlines if is pre-line + preserveNewLines = /line$/i.test(cssWhiteSpace), + node = root.firstChild; + + // Skip pre & pre-wrap with any vendor prefix + if (/pre(\-wrap)?$/i.test(cssWhiteSpace)) { + return; + } + + while (node) { + nextNode = node.nextSibling; + nodeValue = node.nodeValue; + nodeType = node.nodeType; + + if (nodeType === ELEMENT_NODE && node.firstChild) { + removeWhiteSpace(node); + } + + if (nodeType === TEXT_NODE) { + next = getSibling(node); + previous = getSibling(node, true); + trimStart = false; + + while (hasClass(previous, 'sceditor-ignore')) { + previous = getSibling(previous, true); + } + + // If previous sibling isn't inline or is a textnode that + // ends in whitespace, time the start whitespace + if (isInline(node) && previous) { + previousSibling = previous; + + while (previousSibling.lastChild) { + previousSibling = previousSibling.lastChild; + + // eslint-disable-next-line max-depth + while (hasClass(previousSibling, 'sceditor-ignore')) { + previousSibling = getSibling(previousSibling, true); + } + } + + trimStart = previousSibling.nodeType === TEXT_NODE ? + /[\t\n\r ]$/.test(previousSibling.nodeValue) : + !isInline(previousSibling); + } + + // Clear zero width spaces + nodeValue = nodeValue.replace(/\u200B/g, ''); + + // Strip leading whitespace + if (!previous || !isInline(previous) || trimStart) { + nodeValue = nodeValue.replace( + preserveNewLines ? /^[\t ]+/ : /^[\t\n\r ]+/, + '' + ); + } + + // Strip trailing whitespace + if (!next || !isInline(next)) { + nodeValue = nodeValue.replace( + preserveNewLines ? /[\t ]+$/ : /[\t\n\r ]+$/, + '' + ); + } + + // Remove empty text nodes + if (!nodeValue.length) { + remove(node); + } else { + node.nodeValue = nodeValue.replace( + preserveNewLines ? /[\t ]+/g : /[\t\n\r ]+/g, + ' ' + ); + } + } + + node = nextNode; + } + } + + /** + * Extracts all the nodes between the start and end nodes + * + * @param {HTMLElement} startNode The node to start extracting at + * @param {HTMLElement} endNode The node to stop extracting at + * @return {DocumentFragment} + */ + function extractContents(startNode, endNode) { + var range = startNode.ownerDocument.createRange(); + + range.setStartBefore(startNode); + range.setEndAfter(endNode); + + return range.extractContents(); + } + + /** + * Gets the offset position of an element + * + * @param {HTMLElement} node + * @return {Object} An object with left and top properties + */ + function getOffset(node) { + var left = 0, + top = 0; + + while (node) { + left += node.offsetLeft; + top += node.offsetTop; + node = node.offsetParent; + } + + return { + left: left, + top: top + }; + } + + /** + * Gets the value of a CSS property from the elements style attribute + * + * @param {HTMLElement} elm + * @param {string} property + * @return {string} + */ + function getStyle(elm, property) { + var direction, styleValue, + elmStyle = elm.style; + + if (!cssPropertyNameCache[property]) { + cssPropertyNameCache[property] = camelCase(property); + } + + property = cssPropertyNameCache[property]; + styleValue = elmStyle[property]; + + // Add an exception for text-align + if ('textAlign' === property) { + direction = elmStyle.direction; + styleValue = styleValue || css(elm, property); + + if (css(elm.parentNode, property) === styleValue || + css(elm, 'display') !== 'block' || is(elm, 'hr,th')) { + return ''; + } + + // IE changes text-align to the same as the current direction + // so skip unless its not the same + if ((/right/i.test(styleValue) && direction === 'rtl') || + (/left/i.test(styleValue) && direction === 'ltr')) { + return ''; + } + } + + return styleValue; + } + + /** + * Tests if an element has a style. + * + * If values are specified it will check that the styles value + * matches one of the values + * + * @param {HTMLElement} elm + * @param {string} property + * @param {string|array} [values] + * @return {boolean} + */ + function hasStyle(elm, property, values) { + var styleValue = getStyle(elm, property); + + if (!styleValue) { + return false; + } + + return !values || styleValue === values || + (Array.isArray(values) && values.indexOf(styleValue) > -1); + } + + /** + * Default options for SCEditor + * @type {Object} + */ + var defaultOptions = { + /** @lends jQuery.sceditor.defaultOptions */ + /** + * Toolbar buttons order and groups. Should be comma separated and + * have a bar | to separate groups + * + * @type {string} + */ + toolbar: 'bold,italic,underline,strike,subscript,superscript|' + + 'left,center,right,justify|font,size,color,removeformat|' + + 'cut,copy,pastetext|bulletlist,orderedlist,indent,outdent|' + + 'table|code,quote|horizontalrule,image,email,link,unlink|' + + 'emoticon,youtube,date,time|ltr,rtl|print,maximize,source', + + /** + * Comma separated list of commands to excludes from the toolbar + * + * @type {string} + */ + toolbarExclude: null, + + /** + * Stylesheet to include in the WYSIWYG editor. This is what will style + * the WYSIWYG elements + * + * @type {string} + */ + style: 'jquery.sceditor.default.css', + + /** + * Comma separated list of fonts for the font selector + * + * @type {string} + */ + fonts: 'Arial,Arial Black,Comic Sans MS,Courier New,Georgia,Impact,' + + 'Sans-serif,Serif,Times New Roman,Trebuchet MS,Verdana', + + /** + * Colors should be comma separated and have a bar | to signal a new + * column. + * + * If null the colors will be auto generated. + * + * @type {string} + */ + colors: '#000000,#44B8FF,#1E92F7,#0074D9,#005DC2,#00369B,#b3d5f4|' + + '#444444,#C3FFFF,#9DF9FF,#7FDBFF,#68C4E8,#419DC1,#d9f4ff|' + + '#666666,#72FF84,#4CEA5E,#2ECC40,#17B529,#008E02,#c0f0c6|' + + '#888888,#FFFF44,#FFFA1E,#FFDC00,#E8C500,#C19E00,#fff5b3|' + + '#aaaaaa,#FFC95F,#FFA339,#FF851B,#E86E04,#C14700,#ffdbbb|' + + '#cccccc,#FF857A,#FF5F54,#FF4136,#E82A1F,#C10300,#ffc6c3|' + + '#eeeeee,#FF56FF,#FF30DC,#F012BE,#D900A7,#B20080,#fbb8ec|' + + '#ffffff,#F551FF,#CF2BE7,#B10DC9,#9A00B2,#9A00B2,#e8b6ef', + + /** + * The locale to use. + * @type {string} + */ + locale: attr(document.documentElement, 'lang') || 'en', + + /** + * The Charset to use + * @type {string} + */ + charset: 'utf-8', + + /** + * Compatibility mode for emoticons. + * + * Helps if you have emoticons such as :/ which would put an emoticon + * inside http:// + * + * This mode requires emoticons to be surrounded by whitespace or end of + * line chars. This mode has limited As You Type emoticon conversion + * support. It will not replace AYT for end of line chars, only + * emoticons surrounded by whitespace. They will still be replaced + * correctly when loaded just not AYT. + * + * @type {boolean} + */ + emoticonsCompat: false, + + /** + * If to enable emoticons. Can be changes at runtime using the + * emoticons() method. + * + * @type {boolean} + * @since 1.4.2 + */ + emoticonsEnabled: true, + + /** + * Emoticon root URL + * + * @type {string} + */ + emoticonsRoot: '', + emoticons: { + dropdown: { + ':)': 'emoticons/smile.png', + ':angel:': 'emoticons/angel.png', + ':angry:': 'emoticons/angry.png', + '8-)': 'emoticons/cool.png', + ':\'(': 'emoticons/cwy.png', + ':ermm:': 'emoticons/ermm.png', + ':D': 'emoticons/grin.png', + '<3': 'emoticons/heart.png', + ':(': 'emoticons/sad.png', + ':O': 'emoticons/shocked.png', + ':P': 'emoticons/tongue.png', + ';)': 'emoticons/wink.png' + }, + more: { + ':alien:': 'emoticons/alien.png', + ':blink:': 'emoticons/blink.png', + ':blush:': 'emoticons/blush.png', + ':cheerful:': 'emoticons/cheerful.png', + ':devil:': 'emoticons/devil.png', + ':dizzy:': 'emoticons/dizzy.png', + ':getlost:': 'emoticons/getlost.png', + ':happy:': 'emoticons/happy.png', + ':kissing:': 'emoticons/kissing.png', + ':ninja:': 'emoticons/ninja.png', + ':pinch:': 'emoticons/pinch.png', + ':pouty:': 'emoticons/pouty.png', + ':sick:': 'emoticons/sick.png', + ':sideways:': 'emoticons/sideways.png', + ':silly:': 'emoticons/silly.png', + ':sleeping:': 'emoticons/sleeping.png', + ':unsure:': 'emoticons/unsure.png', + ':woot:': 'emoticons/w00t.png', + ':wassat:': 'emoticons/wassat.png' + }, + hidden: { + ':whistling:': 'emoticons/whistling.png', + ':love:': 'emoticons/wub.png' + } + }, + + /** + * Width of the editor. Set to null for automatic with + * + * @type {?number} + */ + width: null, + + /** + * Height of the editor including toolbar. Set to null for automatic + * height + * + * @type {?number} + */ + height: null, + + /** + * If to allow the editor to be resized + * + * @type {boolean} + */ + resizeEnabled: true, + + /** + * Min resize to width, set to null for half textarea width or -1 for + * unlimited + * + * @type {?number} + */ + resizeMinWidth: null, + /** + * Min resize to height, set to null for half textarea height or -1 for + * unlimited + * + * @type {?number} + */ + resizeMinHeight: null, + /** + * Max resize to height, set to null for double textarea height or -1 + * for unlimited + * + * @type {?number} + */ + resizeMaxHeight: null, + /** + * Max resize to width, set to null for double textarea width or -1 for + * unlimited + * + * @type {?number} + */ + resizeMaxWidth: null, + /** + * If resizing by height is enabled + * + * @type {boolean} + */ + resizeHeight: true, + /** + * If resizing by width is enabled + * + * @type {boolean} + */ + resizeWidth: true, + + /** + * Date format, will be overridden if locale specifies one. + * + * The words year, month and day will be replaced with the users current + * year, month and day. + * + * @type {string} + */ + dateFormat: 'year-month-day', + + /** + * Element to inset the toolbar into. + * + * @type {HTMLElement} + */ + toolbarContainer: null, + + /** + * If to enable paste filtering. This is currently experimental, please + * report any issues. + * + * @type {boolean} + */ + enablePasteFiltering: false, + + /** + * If to completely disable pasting into the editor + * + * @type {boolean} + */ + disablePasting: false, + + /** + * If the editor is read only. + * + * @type {boolean} + */ + readOnly: false, + + /** + * If to set the editor to right-to-left mode. + * + * If set to null the direction will be automatically detected. + * + * @type {boolean} + */ + rtl: false, + + /** + * If to auto focus the editor on page load + * + * @type {boolean} + */ + autofocus: false, + + /** + * If to auto focus the editor to the end of the content + * + * @type {boolean} + */ + autofocusEnd: true, + + /** + * If to auto expand the editor to fix the content + * + * @type {boolean} + */ + autoExpand: false, + + /** + * If to auto update original textbox on blur + * + * @type {boolean} + */ + autoUpdate: false, + + /** + * If to enable the browsers built in spell checker + * + * @type {boolean} + */ + spellcheck: true, + + /** + * If to run the source editor when there is no WYSIWYG support. Only + * really applies to mobile OS's. + * + * @type {boolean} + */ + runWithoutWysiwygSupport: false, + + /** + * If to load the editor in source mode and still allow switching + * between WYSIWYG and source mode + * + * @type {boolean} + */ + startInSourceMode: false, + + /** + * Optional ID to give the editor. + * + * @type {string} + */ + id: null, + + /** + * Comma separated list of plugins + * + * @type {string} + */ + plugins: '', + + /** + * z-index to set the editor container to. Needed for jQuery UI dialog. + * + * @type {?number} + */ + zIndex: null, + + /** + * If to trim the BBCode. Removes any spaces at the start and end of the + * BBCode string. + * + * @type {boolean} + */ + bbcodeTrim: false, + + /** + * If to disable removing block level elements by pressing backspace at + * the start of them + * + * @type {boolean} + */ + disableBlockRemove: false, + + /** + * BBCode parser options, only applies if using the editor in BBCode + * mode. + * + * See SCEditor.BBCodeParser.defaults for list of valid options + * + * @type {Object} + */ + parserOptions: { }, + + /** + * CSS that will be added to the to dropdown menu (eg. z-index) + * + * @type {Object} + */ + dropDownCss: { } + }; + + var USER_AGENT = navigator.userAgent; + + /** + * Detects the version of IE is being used if any. + * + * Will be the IE version number or undefined if the + * browser is not IE. + * + * Source: https://gist.github.com/527683 with extra code + * for IE 10 & 11 detection. + * + * @function + * @name ie + * @type {number} + */ + var ie = (function () { + var undef, + v = 3, + doc = document, + div = doc.createElement('div'), + all = div.getElementsByTagName('i'); + + do { + div.innerHTML = ''; + } while (all[0]); + + // Detect IE 10 as it doesn't support conditional comments. + if ((doc.documentMode && doc.all && window.atob)) { + v = 10; + } + + // Detect IE 11 + if (v === 4 && doc.documentMode) { + v = 11; + } + + return v > 4 ? v : undef; + }()); + + var edge = '-ms-ime-align' in document.documentElement.style; + + /** + * Detects if the browser is iOS + * + * Needed to fix iOS specific bugs + * + * @function + * @name ios + * @memberOf jQuery.sceditor + * @type {boolean} + */ + var ios = /iPhone|iPod|iPad| wosbrowser\//i.test(USER_AGENT); + + /** + * If the browser supports WYSIWYG editing (e.g. older mobile browsers). + * + * @function + * @name isWysiwygSupported + * @return {boolean} + */ + var isWysiwygSupported = (function () { + var match, isUnsupported; + + var div = document.createElement('div'); + div.contentEditable = true ; + + // Check if the contentEditable attribute is supported + if (!('contentEditable' in document.documentElement) || + div.contentEditable !== 'true') { + return false; + } + + // I think blackberry supports contentEditable or will at least + // give a valid value for the contentEditable detection above + // so it isn't included in the below tests. + + // I hate having to do UA sniffing but some mobile browsers say they + // support contentediable when it isn't usable, i.e. you can't enter + // text. + // This is the only way I can think of to detect them which is also how + // every other editor I've seen deals with this issue. + + // Exclude Opera mobile and mini + isUnsupported = /Opera Mobi|Opera Mini/i.test(USER_AGENT); + + if (/Android/i.test(USER_AGENT)) { + isUnsupported = true; + + if (/Safari/.test(USER_AGENT)) { + // Android browser 534+ supports content editable + // This also matches Chrome which supports content editable too + match = /Safari\/(\d+)/.exec(USER_AGENT); + isUnsupported = (!match || !match[1] ? true : match[1] < 534); + } + } + + // The current version of Amazon Silk supports it, older versions didn't + // As it uses webkit like Android, assume it's the same and started + // working at versions >= 534 + if (/ Silk\//i.test(USER_AGENT)) { + match = /AppleWebKit\/(\d+)/.exec(USER_AGENT); + isUnsupported = (!match || !match[1] ? true : match[1] < 534); + } + + // iOS 5+ supports content editable + if (ios) { + // Block any version <= 4_x(_x) + isUnsupported = /OS [0-4](_\d)+ like Mac/i.test(USER_AGENT); + } + + // Firefox does support WYSIWYG on mobiles so override + // any previous value if using FF + if (/Firefox/i.test(USER_AGENT)) { + isUnsupported = false; + } + + if (/OneBrowser/i.test(USER_AGENT)) { + isUnsupported = false; + } + + // UCBrowser works but doesn't give a unique user agent + if (navigator.vendor === 'UCWEB') { + isUnsupported = false; + } + + // IE <= 9 is not supported any more + if (ie <= 9) { + isUnsupported = true; + } + + return !isUnsupported; + }()); + + // Must start with a valid scheme + // ^ + // Schemes that are considered safe + // (https?|s?ftp|mailto|spotify|skype|ssh|teamspeak|tel):| + // Relative schemes (//:) are considered safe + // (\\/\\/)| + // Image data URI's are considered safe + // data:image\\/(png|bmp|gif|p?jpe?g); + var VALID_SCHEME_REGEX = + /^(https?|s?ftp|mailto|spotify|skype|ssh|teamspeak|tel):|(\/\/)|data:image\/(png|bmp|gif|p?jpe?g);/i; + + /** + * Escapes a string so it's safe to use in regex + * + * @param {string} str + * @return {string} + */ + function regex(str) { + return str.replace(/([\-.*+?^=!:${}()|\[\]\/\\])/g, '\\$1'); + } + + /** + * Escapes all HTML entities in a string + * + * If noQuotes is set to false, all single and double + * quotes will also be escaped + * + * @param {string} str + * @param {boolean} [noQuotes=true] + * @return {string} + * @since 1.4.1 + */ + function entities(str, noQuotes) { + if (!str) { + return str; + } + + var replacements = { + '&': '&', + '<': '<', + '>': '>', + ' ': '  ', + '\r\n': '
    ', + '\r': '
    ', + '\n': '
    ' + }; + + if (noQuotes !== false) { + replacements['"'] = '"'; + replacements['\''] = '''; + replacements['`'] = '`'; + } + + str = str.replace(/ {2}|\r\n|[&<>\r\n'"`]/g, function (match) { + return replacements[match] || match; + }); + + return str; + } + + /** + * Escape URI scheme. + * + * Appends the current URL to a url if it has a scheme that is not: + * + * http + * https + * sftp + * ftp + * mailto + * spotify + * skype + * ssh + * teamspeak + * tel + * // + * data:image/(png|jpeg|jpg|pjpeg|bmp|gif); + * + * **IMPORTANT**: This does not escape any HTML in a url, for + * that use the escape.entities() method. + * + * @param {string} url + * @return {string} + * @since 1.4.5 + */ + function uriScheme(url) { + var path, + // If there is a : before a / then it has a scheme + hasScheme = /^[^\/]*:/i, + location = window.location; + + // Has no scheme or a valid scheme + if ((!url || !hasScheme.test(url)) || VALID_SCHEME_REGEX.test(url)) { + return url; + } + + path = location.pathname.split('/'); + path.pop(); + + return location.protocol + '//' + + location.host + + path.join('/') + '/' + + url; + } + + /** + * HTML templates used by the editor and default commands + * @type {Object} + * @private + */ + var _templates = { + html: + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '

    ' + + '', + + toolbarButton: '' + + '
    {dispName}
    ', + + emoticon: '', + + fontOpt: '{font}', + + sizeOpt: '{size}', + + pastetext: + '
    ' + + '
    ' + + '
    ' + + '
    ', + + table: + '
    ' + + '
    ' + + '
    ', + + image: + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ', + + email: + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ', + + link: + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ', + + youtubeMenu: + '
    ' + + '
    ' + + '
    ' + + '
    ', + + youtube: + '' + }; + + /** + * Replaces any params in a template with the passed params. + * + * If createHtml is passed it will return a DocumentFragment + * containing the parsed template. + * + * @param {string} name + * @param {Object} [params] + * @param {boolean} [createHtml] + * @returns {string|DocumentFragment} + * @private + */ + function _tmpl (name, params, createHtml) { + var template = _templates[name]; + + Object.keys(params).forEach(function (name) { + template = template.replace( + new RegExp(regex('{' + name + '}'), 'g'), params[name] + ); + }); + + if (createHtml) { + template = parseHTML(template); + } + + return template; + } + + // In IE < 11 a BR at the end of a block level element + // causes a line break. In all other browsers it's collapsed. + var IE_BR_FIX = ie && ie < 11; + + /** + * Fixes a bug in FF where it sometimes wraps + * new lines in their own list item. + * See issue #359 + */ + function fixFirefoxListBug(editor) { + // Only apply to Firefox as will break other browsers. + if ('mozHidden' in document) { + var node = editor.getBody(); + var next; + + while (node) { + next = node; + + if (next.firstChild) { + next = next.firstChild; + } else { + + while (next && !next.nextSibling) { + next = next.parentNode; + } + + if (next) { + next = next.nextSibling; + } + } + + if (node.nodeType === 3 && /[\n\r\t]+/.test(node.nodeValue)) { + // Only remove if newlines are collapsed + if (!/^pre/.test(css(node.parentNode, 'whiteSpace'))) { + remove(node); + } + } + + node = next; + } + } + } + + + /** + * Map of all the commands for SCEditor + * @type {Object} + * @name commands + * @memberOf jQuery.sceditor + */ + var defaultCmds = { + // START_COMMAND: Bold + bold: { + exec: 'bold', + tooltip: 'Bold', + shortcut: 'Ctrl+B' + }, + // END_COMMAND + // START_COMMAND: Italic + italic: { + exec: 'italic', + tooltip: 'Italic', + shortcut: 'Ctrl+I' + }, + // END_COMMAND + // START_COMMAND: Underline + underline: { + exec: 'underline', + tooltip: 'Underline', + shortcut: 'Ctrl+U' + }, + // END_COMMAND + // START_COMMAND: Strikethrough + strike: { + exec: 'strikethrough', + tooltip: 'Strikethrough' + }, + // END_COMMAND + // START_COMMAND: Subscript + subscript: { + exec: 'subscript', + tooltip: 'Subscript' + }, + // END_COMMAND + // START_COMMAND: Superscript + superscript: { + exec: 'superscript', + tooltip: 'Superscript' + }, + // END_COMMAND + + // START_COMMAND: Left + left: { + state: function (node) { + if (node && node.nodeType === 3) { + node = node.parentNode; + } + + if (node) { + var isLtr = css(node, 'direction') === 'ltr'; + var align = css(node, 'textAlign'); + + return align === 'left' || align === (isLtr ? 'start' : 'end'); + } + }, + exec: 'justifyleft', + tooltip: 'Align left' + }, + // END_COMMAND + // START_COMMAND: Centre + center: { + exec: 'justifycenter', + tooltip: 'Center' + }, + // END_COMMAND + // START_COMMAND: Right + right: { + state: function (node) { + if (node && node.nodeType === 3) { + node = node.parentNode; + } + + if (node) { + var isLtr = css(node, 'direction') === 'ltr'; + var align = css(node, 'textAlign'); + + return align === 'right' || align === (isLtr ? 'end' : 'start'); + } + }, + exec: 'justifyright', + tooltip: 'Align right' + }, + // END_COMMAND + // START_COMMAND: Justify + justify: { + exec: 'justifyfull', + tooltip: 'Justify' + }, + // END_COMMAND + + // START_COMMAND: Font + font: { + _dropDown: function (editor, caller, callback) { + var content = createElement('div'); + + on(content, 'click', 'a', function (e) { + callback(data(this, 'font')); + editor.closeDropDown(true); + e.preventDefault(); + }); + + editor.opts.fonts.split(',').forEach(function (font) { + appendChild(content, _tmpl('fontOpt', { + font: font + }, true)); + }); + + editor.createDropDown(caller, 'font-picker', content); + }, + exec: function (caller) { + var editor = this; + + defaultCmds.font._dropDown(editor, caller, function (fontName) { + editor.execCommand('fontname', fontName); + }); + }, + tooltip: 'Font Name' + }, + // END_COMMAND + // START_COMMAND: Size + size: { + _dropDown: function (editor, caller, callback) { + var content = createElement('div'); + + on(content, 'click', 'a', function (e) { + callback(data(this, 'size')); + editor.closeDropDown(true); + e.preventDefault(); + }); + + for (var i = 1; i <= 7; i++) { + appendChild(content, _tmpl('sizeOpt', { + size: i + }, true)); + } + + editor.createDropDown(caller, 'fontsize-picker', content); + }, + exec: function (caller) { + var editor = this; + + defaultCmds.size._dropDown(editor, caller, function (fontSize) { + editor.execCommand('fontsize', fontSize); + }); + }, + tooltip: 'Font Size' + }, + // END_COMMAND + // START_COMMAND: Colour + color: { + _dropDown: function (editor, caller, callback) { + var content = createElement('div'), + html = '', + cmd = defaultCmds.color; + + if (!cmd._htmlCache) { + editor.opts.colors.split('|').forEach(function (column) { + html += '
    '; + + column.split(',').forEach(function (color) { + html += + ''; + }); + + html += '
    '; + }); + + cmd._htmlCache = html; + } + + appendChild(content, parseHTML(cmd._htmlCache)); + + on(content, 'click', 'a', function (e) { + callback(data(this, 'color')); + editor.closeDropDown(true); + e.preventDefault(); + }); + + editor.createDropDown(caller, 'color-picker', content); + }, + exec: function (caller) { + var editor = this; + + defaultCmds.color._dropDown(editor, caller, function (color) { + editor.execCommand('forecolor', color); + }); + }, + tooltip: 'Font Color' + }, + // END_COMMAND + // START_COMMAND: Remove Format + removeformat: { + exec: 'removeformat', + tooltip: 'Remove Formatting' + }, + // END_COMMAND + + // START_COMMAND: Cut + cut: { + exec: 'cut', + tooltip: 'Cut', + errorMessage: 'Your browser does not allow the cut command. ' + + 'Please use the keyboard shortcut Ctrl/Cmd-X' + }, + // END_COMMAND + // START_COMMAND: Copy + copy: { + exec: 'copy', + tooltip: 'Copy', + errorMessage: 'Your browser does not allow the copy command. ' + + 'Please use the keyboard shortcut Ctrl/Cmd-C' + }, + // END_COMMAND + // START_COMMAND: Paste + paste: { + exec: 'paste', + tooltip: 'Paste', + errorMessage: 'Your browser does not allow the paste command. ' + + 'Please use the keyboard shortcut Ctrl/Cmd-V' + }, + // END_COMMAND + // START_COMMAND: Paste Text + pastetext: { + exec: function (caller) { + var val, + content = createElement('div'), + editor = this; + + appendChild(content, _tmpl('pastetext', { + label: editor._( + 'Paste your text inside the following box:' + ), + insert: editor._('Insert') + }, true)); + + on(content, 'click', '.button', function (e) { + val = find(content, '#txt')[0].value; + + if (val) { + editor.wysiwygEditorInsertText(val); + } + + editor.closeDropDown(true); + e.preventDefault(); + }); + + editor.createDropDown(caller, 'pastetext', content); + }, + tooltip: 'Paste Text' + }, + // END_COMMAND + // START_COMMAND: Bullet List + bulletlist: { + exec: function () { + fixFirefoxListBug(this); + this.execCommand('insertunorderedlist'); + }, + tooltip: 'Bullet list' + }, + // END_COMMAND + // START_COMMAND: Ordered List + orderedlist: { + exec: function () { + fixFirefoxListBug(this); + this.execCommand('insertorderedlist'); + }, + tooltip: 'Numbered list' + }, + // END_COMMAND + // START_COMMAND: Indent + indent: { + state: function (parent$$1, firstBlock) { + // Only works with lists, for now + var range, startParent, endParent; + + if (is(firstBlock, 'li')) { + return 0; + } + + if (is(firstBlock, 'ul,ol,menu')) { + // if the whole list is selected, then this must be + // invalidated because the browser will place a + //
    there + range = this.getRangeHelper().selectedRange(); + + startParent = range.startContainer.parentNode; + endParent = range.endContainer.parentNode; + + // TODO: could use nodeType for this? + // Maybe just check the firstBlock contains both the start + //and end containers + + // Select the tag, not the textNode + // (that's why the parentNode) + if (startParent !== + startParent.parentNode.firstElementChild || + // work around a bug in FF + (is(endParent, 'li') && endParent !== + endParent.parentNode.lastElementChild)) { + return 0; + } + } + + return -1; + }, + exec: function () { + var editor = this, + block = editor.getRangeHelper().getFirstBlockParent(); + + editor.focus(); + + // An indent system is quite complicated as there are loads + // of complications and issues around how to indent text + // As default, let's just stay with indenting the lists, + // at least, for now. + if (closest(block, 'ul,ol,menu')) { + editor.execCommand('indent'); + } + }, + tooltip: 'Add indent' + }, + // END_COMMAND + // START_COMMAND: Outdent + outdent: { + state: function (parents$$1, firstBlock) { + return closest(firstBlock, 'ul,ol,menu') ? 0 : -1; + }, + exec: function () { + var block = this.getRangeHelper().getFirstBlockParent(); + if (closest(block, 'ul,ol,menu')) { + this.execCommand('outdent'); + } + }, + tooltip: 'Remove one indent' + }, + // END_COMMAND + + // START_COMMAND: Table + table: { + exec: function (caller) { + var editor = this, + content = createElement('div'); + + appendChild(content, _tmpl('table', { + rows: editor._('Rows:'), + cols: editor._('Cols:'), + insert: editor._('Insert') + }, true)); + + on(content, 'click', '.button', function (e) { + var rows = Number(find(content, '#rows')[0].value), + cols = Number(find(content, '#cols')[0].value), + html = ''; + + if (rows > 0 && cols > 0) { + html += Array(rows + 1).join( + '' + + Array(cols + 1).join( + '' + ) + + '' + ); + + html += '
    ' + (IE_BR_FIX ? '' : '
    ') + '
    '; + + editor.wysiwygEditorInsertHtml(html); + editor.closeDropDown(true); + e.preventDefault(); + } + }); + + editor.createDropDown(caller, 'inserttable', content); + }, + tooltip: 'Insert a table' + }, + // END_COMMAND + + // START_COMMAND: Horizontal Rule + horizontalrule: { + exec: 'inserthorizontalrule', + tooltip: 'Insert a horizontal rule' + }, + // END_COMMAND + + // START_COMMAND: Code + code: { + exec: function () { + this.wysiwygEditorInsertHtml( + '', + (IE_BR_FIX ? '' : '
    ') + '    ' + ); + }, + tooltip: 'Code' + }, + // END_COMMAND + + // START_COMMAND: Image + image: { + _dropDown: function (editor, caller, selected, cb) { + var content = createElement('div'); + + appendChild(content, _tmpl('image', { + url: editor._('URL:'), + width: editor._('Width (optional):'), + height: editor._('Height (optional):'), + insert: editor._('Insert') + }, true)); + + + var urlInput = find(content, '#image')[0]; + + urlInput.value = selected; + + on(content, 'click', '.button', function (e) { + if (urlInput.value) { + cb( + urlInput.value, + find(content, '#width')[0].value, + find(content, '#height')[0].value + ); + } + + editor.closeDropDown(true); + e.preventDefault(); + }); + + editor.createDropDown(caller, 'insertimage', content); + }, + exec: function (caller) { + var editor = this; + + defaultCmds.image._dropDown( + editor, + caller, + '', + function (url, width$$1, height$$1) { + var attrs = ''; + + if (width$$1) { + attrs += ' width="' + width$$1 + '"'; + } + + if (height$$1) { + attrs += ' height="' + height$$1 + '"'; + } + + editor.wysiwygEditorInsertHtml( + '' + ); + } + ); + }, + tooltip: 'Insert an image' + }, + // END_COMMAND + + // START_COMMAND: E-mail + email: { + _dropDown: function (editor, caller, cb) { + var content = createElement('div'); + + appendChild(content, _tmpl('email', { + label: editor._('E-mail:'), + desc: editor._('Description (optional):'), + insert: editor._('Insert') + }, true)); + + on(content, 'click', '.button', function (e) { + var email = find(content, '#email')[0].value; + + if (email) { + cb(email, find(content, '#des')[0].value); + } + + editor.closeDropDown(true); + e.preventDefault(); + }); + + editor.createDropDown(caller, 'insertemail', content); + }, + exec: function (caller) { + var editor = this; + + defaultCmds.email._dropDown( + editor, + caller, + function (email, text) { + // needed for IE to reset the last range + editor.focus(); + + if (!editor.getRangeHelper().selectedHtml() || text) { + editor.wysiwygEditorInsertHtml( + '' + + (text || email) + + '' + ); + } else { + editor.execCommand('createlink', 'mailto:' + email); + } + } + ); + }, + tooltip: 'Insert an email' + }, + // END_COMMAND + + // START_COMMAND: Link + link: { + _dropDown: function (editor, caller, cb) { + var content = createElement('div'); + + appendChild(content, _tmpl('link', { + url: editor._('URL:'), + desc: editor._('Description (optional):'), + ins: editor._('Insert') + }, true)); + + var linkInput = find(content, '#link')[0]; + + function insertUrl(e) { + if (linkInput.value) { + cb(linkInput.value, find(content, '#des')[0].value); + } + + editor.closeDropDown(true); + e.preventDefault(); + } + + on(content, 'click', '.button', insertUrl); + on(content, 'keypress', function (e) { + // 13 = enter key + if (e.which === 13 && linkInput.value) { + insertUrl(e); + } + }, EVENT_CAPTURE); + + editor.createDropDown(caller, 'insertlink', content); + }, + exec: function (caller) { + var editor = this; + + defaultCmds.link._dropDown(editor, caller, function (url, text) { + // needed for IE to restore the last range + editor.focus(); + + // If there is no selected text then must set the URL as + // the text. Most browsers do this automatically, sadly + // IE doesn't. + if (text || !editor.getRangeHelper().selectedHtml()) { + text = text || url; + + editor.wysiwygEditorInsertHtml( + '' + text + '' + ); + } else { + editor.execCommand('createlink', url); + } + }); + }, + tooltip: 'Insert a link' + }, + // END_COMMAND + + // START_COMMAND: Unlink + unlink: { + state: function () { + return closest(this.currentNode(), 'a') ? 0 : -1; + }, + exec: function () { + var anchor = closest(this.currentNode(), 'a'); + + if (anchor) { + while (anchor.firstChild) { + insertBefore(anchor.firstChild, anchor); + } + + remove(anchor); + } + }, + tooltip: 'Unlink' + }, + // END_COMMAND + + + // START_COMMAND: Quote + quote: { + exec: function (caller, html, author) { + var before = '
    ', + end = '
    '; + + // if there is HTML passed set end to null so any selected + // text is replaced + if (html) { + author = (author ? '' + author + '' : ''); + before = before + author + html + end; + end = null; + // if not add a newline to the end of the inserted quote + } else if (this.getRangeHelper().selectedHtml() === '') { + end = (IE_BR_FIX ? '' : '
    ') + end; + } + + this.wysiwygEditorInsertHtml(before, end); + }, + tooltip: 'Insert a Quote' + }, + // END_COMMAND + + // START_COMMAND: Emoticons + emoticon: { + exec: function (caller) { + var editor = this; + + var createContent = function (includeMore) { + var moreLink, + opts = editor.opts, + emoticonsRoot = opts.emoticonsRoot || '', + emoticonsCompat = opts.emoticonsCompat, + rangeHelper = editor.getRangeHelper(), + startSpace = emoticonsCompat && + rangeHelper.getOuterText(true, 1) !== ' ' ? ' ' : '', + endSpace = emoticonsCompat && + rangeHelper.getOuterText(false, 1) !== ' ' ? ' ' : '', + content = createElement('div'), + line = createElement('div'), + perLine = 0, + emoticons = extend( + {}, + opts.emoticons.dropdown, + includeMore ? opts.emoticons.more : {} + ); + + appendChild(content, line); + + perLine = Math.sqrt(Object.keys(emoticons).length); + + on(content, 'click', 'img', function (e) { + editor.insert(startSpace + attr(this, 'alt') + endSpace, + null, false).closeDropDown(true); + + e.preventDefault(); + }); + + each(emoticons, function (code, emoticon) { + appendChild(line, createElement('img', { + src: emoticonsRoot + (emoticon.url || emoticon), + alt: code, + title: emoticon.tooltip || code + })); + + if (line.children.length >= perLine) { + line = createElement('div'); + appendChild(content, line); + } + }); + + if (!includeMore && opts.emoticons.more) { + moreLink = createElement('a', { + className: 'sceditor-more' + }); + + appendChild(moreLink, + document.createTextNode(editor._('More'))); + + on(moreLink, 'click', function (e) { + editor.createDropDown( + caller, 'more-emoticons', createContent(true) + ); + + e.preventDefault(); + }); + + appendChild(content, moreLink); + } + + return content; + }; + + editor.createDropDown(caller, 'emoticons', createContent(false)); + }, + txtExec: function (caller) { + defaultCmds.emoticon.exec.call(this, caller); + }, + tooltip: 'Insert an emoticon' + }, + // END_COMMAND + + // START_COMMAND: YouTube + youtube: { + _dropDown: function (editor, caller, callback) { + var content = createElement('div'); + + appendChild(content, _tmpl('youtubeMenu', { + label: editor._('Video URL:'), + insert: editor._('Insert') + }, true)); + + on(content, 'click', '.button', function (e) { + var val = find(content, '#link')[0].value; + var idMatch = val.match(/(?:v=|v\/|embed\/|youtu.be\/)(.{11})/); + var timeMatch = val.match(/[&|?](?:star)?t=((\d+[hms]?){1,3})/); + var time = 0; + + if (timeMatch) { + each(timeMatch[1].split(/[hms]/), function (i, val) { + if (val !== '') { + time = (time * 60) + Number(val); + } + }); + } + + if (idMatch && /^[a-zA-Z0-9_\-]{11}$/.test(idMatch[1])) { + callback(idMatch[1], time); + } + + editor.closeDropDown(true); + e.preventDefault(); + }); + + editor.createDropDown(caller, 'insertlink', content); + }, + exec: function (btn) { + var editor = this; + + defaultCmds.youtube._dropDown(editor, btn, function (id, time) { + editor.wysiwygEditorInsertHtml(_tmpl('youtube', { + id: id, + time: time + })); + }); + }, + tooltip: 'Insert a YouTube video' + }, + // END_COMMAND + + // START_COMMAND: Date + date: { + _date: function (editor) { + var now = new Date(), + year = now.getYear(), + month = now.getMonth() + 1, + day = now.getDate(); + + if (year < 2000) { + year = 1900 + year; + } + + if (month < 10) { + month = '0' + month; + } + + if (day < 10) { + day = '0' + day; + } + + return editor.opts.dateFormat + .replace(/year/i, year) + .replace(/month/i, month) + .replace(/day/i, day); + }, + exec: function () { + this.insertText(defaultCmds.date._date(this)); + }, + txtExec: function () { + this.insertText(defaultCmds.date._date(this)); + }, + tooltip: 'Insert current date' + }, + // END_COMMAND + + // START_COMMAND: Time + time: { + _time: function () { + var now = new Date(), + hours = now.getHours(), + mins = now.getMinutes(), + secs = now.getSeconds(); + + if (hours < 10) { + hours = '0' + hours; + } + + if (mins < 10) { + mins = '0' + mins; + } + + if (secs < 10) { + secs = '0' + secs; + } + + return hours + ':' + mins + ':' + secs; + }, + exec: function () { + this.insertText(defaultCmds.time._time()); + }, + txtExec: function () { + this.insertText(defaultCmds.time._time()); + }, + tooltip: 'Insert current time' + }, + // END_COMMAND + + + // START_COMMAND: Ltr + ltr: { + state: function (parents$$1, firstBlock) { + return firstBlock && firstBlock.style.direction === 'ltr'; + }, + exec: function () { + var editor = this, + rangeHelper = editor.getRangeHelper(), + node = rangeHelper.getFirstBlockParent(); + + editor.focus(); + + if (!node || is(node, 'body')) { + editor.execCommand('formatBlock', 'p'); + + node = rangeHelper.getFirstBlockParent(); + + if (!node || is(node, 'body')) { + return; + } + } + + var toggleValue = css(node, 'direction') === 'ltr' ? '' : 'ltr'; + css(node, 'direction', toggleValue); + }, + tooltip: 'Left-to-Right' + }, + // END_COMMAND + + // START_COMMAND: Rtl + rtl: { + state: function (parents$$1, firstBlock) { + return firstBlock && firstBlock.style.direction === 'rtl'; + }, + exec: function () { + var editor = this, + rangeHelper = editor.getRangeHelper(), + node = rangeHelper.getFirstBlockParent(); + + editor.focus(); + + if (!node || is(node, 'body')) { + editor.execCommand('formatBlock', 'p'); + + node = rangeHelper.getFirstBlockParent(); + + if (!node || is(node, 'body')) { + return; + } + } + + var toggleValue = css(node, 'direction') === 'rtl' ? '' : 'rtl'; + css(node, 'direction', toggleValue); + }, + tooltip: 'Right-to-Left' + }, + // END_COMMAND + + + // START_COMMAND: Print + print: { + exec: 'print', + tooltip: 'Print' + }, + // END_COMMAND + + // START_COMMAND: Maximize + maximize: { + state: function () { + return this.maximize(); + }, + exec: function () { + this.maximize(!this.maximize()); + }, + txtExec: function () { + this.maximize(!this.maximize()); + }, + tooltip: 'Maximize', + shortcut: 'Ctrl+Shift+M' + }, + // END_COMMAND + + // START_COMMAND: Source + source: { + state: function () { + return this.sourceMode(); + }, + exec: function () { + this.toggleSourceMode(); + }, + txtExec: function () { + this.toggleSourceMode(); + }, + tooltip: 'View source', + shortcut: 'Ctrl+Shift+S' + }, + // END_COMMAND + + // this is here so that commands above can be removed + // without having to remove the , after the last one. + // Needed for IE. + ignore: {} + }; + + var plugins = {}; + + /** + * Plugin Manager class + * @class PluginManager + * @name PluginManager + */ + function PluginManager(thisObj) { + /** + * Alias of this + * + * @private + * @type {Object} + */ + var base = this; + + /** + * Array of all currently registered plugins + * + * @type {Array} + * @private + */ + var registeredPlugins = []; + + + /** + * Changes a signals name from "name" into "signalName". + * + * @param {string} signal + * @return {string} + * @private + */ + var formatSignalName = function (signal) { + return 'signal' + signal.charAt(0).toUpperCase() + signal.slice(1); + }; + + /** + * Calls handlers for a signal + * + * @see call() + * @see callOnlyFirst() + * @param {Array} args + * @param {boolean} returnAtFirst + * @return {*} + * @private + */ + var callHandlers = function (args, returnAtFirst) { + args = [].slice.call(args); + + var idx, ret, + signal = formatSignalName(args.shift()); + + for (idx = 0; idx < registeredPlugins.length; idx++) { + if (signal in registeredPlugins[idx]) { + ret = registeredPlugins[idx][signal].apply(thisObj, args); + + if (returnAtFirst) { + return ret; + } + } + } + }; + + /** + * Calls all handlers for the passed signal + * + * @param {string} signal + * @param {...string} args + * @function + * @name call + * @memberOf PluginManager.prototype + */ + base.call = function () { + callHandlers(arguments, false); + }; + + /** + * Calls the first handler for a signal, and returns the + * + * @param {string} signal + * @param {...string} args + * @return {*} The result of calling the handler + * @function + * @name callOnlyFirst + * @memberOf PluginManager.prototype + */ + base.callOnlyFirst = function () { + return callHandlers(arguments, true); + }; + + /** + * Checks if a signal has a handler + * + * @param {string} signal + * @return {boolean} + * @function + * @name hasHandler + * @memberOf PluginManager.prototype + */ + base.hasHandler = function (signal) { + var i = registeredPlugins.length; + signal = formatSignalName(signal); + + while (i--) { + if (signal in registeredPlugins[i]) { + return true; + } + } + + return false; + }; + + /** + * Checks if the plugin exists in plugins + * + * @param {string} plugin + * @return {boolean} + * @function + * @name exists + * @memberOf PluginManager.prototype + */ + base.exists = function (plugin) { + if (plugin in plugins) { + plugin = plugins[plugin]; + + return typeof plugin === 'function' && + typeof plugin.prototype === 'object'; + } + + return false; + }; + + /** + * Checks if the passed plugin is currently registered. + * + * @param {string} plugin + * @return {boolean} + * @function + * @name isRegistered + * @memberOf PluginManager.prototype + */ + base.isRegistered = function (plugin) { + if (base.exists(plugin)) { + var idx = registeredPlugins.length; + + while (idx--) { + if (registeredPlugins[idx] instanceof plugins[plugin]) { + return true; + } + } + } + + return false; + }; + + /** + * Registers a plugin to receive signals + * + * @param {string} plugin + * @return {boolean} + * @function + * @name register + * @memberOf PluginManager.prototype + */ + base.register = function (plugin) { + if (!base.exists(plugin) || base.isRegistered(plugin)) { + return false; + } + + plugin = new plugins[plugin](); + registeredPlugins.push(plugin); + + if ('init' in plugin) { + plugin.init.call(thisObj); + } + + return true; + }; + + /** + * Deregisters a plugin. + * + * @param {string} plugin + * @return {boolean} + * @function + * @name deregister + * @memberOf PluginManager.prototype + */ + base.deregister = function (plugin) { + var removedPlugin, + pluginIdx = registeredPlugins.length, + removed = false; + + if (!base.isRegistered(plugin)) { + return removed; + } + + while (pluginIdx--) { + if (registeredPlugins[pluginIdx] instanceof plugins[plugin]) { + removedPlugin = registeredPlugins.splice(pluginIdx, 1)[0]; + removed = true; + + if ('destroy' in removedPlugin) { + removedPlugin.destroy.call(thisObj); + } + } + } + + return removed; + }; + + /** + * Clears all plugins and removes the owner reference. + * + * Calling any functions on this object after calling + * destroy will cause a JS error. + * + * @name destroy + * @memberOf PluginManager.prototype + */ + base.destroy = function () { + var i = registeredPlugins.length; + + while (i--) { + if ('destroy' in registeredPlugins[i]) { + registeredPlugins[i].destroy.call(thisObj); + } + } + + registeredPlugins = []; + thisObj = null; + }; + } + + PluginManager.plugins = plugins; + + // In IE < 11 a BR at the end of a block level element + // causes a line break. In all other browsers it's collapsed. + var IE_BR_FIX$1 = ie && ie < 11; + + + /** + * Gets the text, start/end node and offset for + * length chars left or right of the passed node + * at the specified offset. + * + * @param {Node} node + * @param {number} offset + * @param {boolean} isLeft + * @param {number} length + * @return {Object} + * @private + */ + var outerText = function (range, isLeft, length) { + var nodeValue, remaining, start, end, node, + text = '', + next = range.startContainer, + offset = range.startOffset; + + // Handle cases where node is a paragraph and offset + // refers to the index of a text node. + // 3 = text node + if (next && next.nodeType !== 3) { + next = next.childNodes[offset]; + offset = 0; + } + + start = end = offset; + + while (length > text.length && next && next.nodeType === 3) { + nodeValue = next.nodeValue; + remaining = length - text.length; + + // If not the first node, start and end should be at their + // max values as will be updated when getting the text + if (node) { + end = nodeValue.length; + start = 0; + } + + node = next; + + if (isLeft) { + start = Math.max(end - remaining, 0); + offset = start; + + text = nodeValue.substr(start, end - start) + text; + next = node.previousSibling; + } else { + end = Math.min(remaining, nodeValue.length); + offset = start + end; + + text += nodeValue.substr(start, end); + next = node.nextSibling; + } + } + + return { + node: node || next, + offset: offset, + text: text + }; + }; + + /** + * Range helper + * + * @class RangeHelper + * @name RangeHelper + */ + function RangeHelper(win, d) { + var _createMarker, _prepareInput, + doc = d || win.contentDocument || win.document, + startMarker = 'sceditor-start-marker', + endMarker = 'sceditor-end-marker', + base = this; + + /** + * Inserts HTML into the current range replacing any selected + * text. + * + * If endHTML is specified the selected contents will be put between + * html and endHTML. If there is nothing selected html and endHTML are + * just concatenate together. + * + * @param {string} html + * @param {string} [endHTML] + * @return False on fail + * @function + * @name insertHTML + * @memberOf RangeHelper.prototype + */ + base.insertHTML = function (html, endHTML) { + var node, div, + range = base.selectedRange(); + + if (!range) { + return false; + } + + if (endHTML) { + html += base.selectedHtml() + endHTML; + } + + div = createElement('p', {}, doc); + node = doc.createDocumentFragment(); + div.innerHTML = html; + + while (div.firstChild) { + appendChild(node, div.firstChild); + } + + base.insertNode(node); + }; + + /** + * Prepares HTML to be inserted by adding a zero width space + * if the last child is empty and adding the range start/end + * markers to the last child. + * + * @param {Node|string} node + * @param {Node|string} [endNode] + * @param {boolean} [returnHtml] + * @return {Node|string} + * @private + */ + _prepareInput = function (node, endNode, returnHtml) { + var lastChild, + frag = doc.createDocumentFragment(); + + if (typeof node === 'string') { + if (endNode) { + node += base.selectedHtml() + endNode; + } + + frag = parseHTML(node); + } else { + appendChild(frag, node); + + if (endNode) { + appendChild(frag, base.selectedRange().extractContents()); + appendChild(frag, endNode); + } + } + + if (!(lastChild = frag.lastChild)) { + return; + } + + while (!isInline(lastChild.lastChild, true)) { + lastChild = lastChild.lastChild; + } + + if (canHaveChildren(lastChild)) { + // Webkit won't allow the cursor to be placed inside an + // empty tag, so add a zero width space to it. + if (!lastChild.lastChild) { + appendChild(lastChild, document.createTextNode('\u200B')); + } + } else { + lastChild = frag; + } + + base.removeMarkers(); + + // Append marks to last child so when restored cursor will be in + // the right place + appendChild(lastChild, _createMarker(startMarker)); + appendChild(lastChild, _createMarker(endMarker)); + + if (returnHtml) { + var div = createElement('div'); + appendChild(div, frag); + + return div.innerHTML; + } + + return frag; + }; + + /** + * The same as insertHTML except with DOM nodes instead + * + * Warning: the nodes must belong to the + * document they are being inserted into. Some browsers + * will throw exceptions if they don't. + * + * Returns boolean false on fail + * + * @param {Node} node + * @param {Node} endNode + * @return {false|undefined} + * @function + * @name insertNode + * @memberOf RangeHelper.prototype + */ + base.insertNode = function (node, endNode) { + var input = _prepareInput(node, endNode), + range = base.selectedRange(), + parent$$1 = range.commonAncestorContainer; + + if (!input) { + return false; + } + + range.deleteContents(); + + // FF allows
    to be selected but inserting a node + // into
    will cause it not to be displayed so must + // insert before the
    in FF. + // 3 = TextNode + if (parent$$1 && parent$$1.nodeType !== 3 && !canHaveChildren(parent$$1)) { + insertBefore(input, parent$$1); + } else { + range.insertNode(input); + } + + base.restoreRange(); + }; + + /** + * Clones the selected Range + * + * @return {Range} + * @function + * @name cloneSelected + * @memberOf RangeHelper.prototype + */ + base.cloneSelected = function () { + var range = base.selectedRange(); + + if (range) { + return range.cloneRange(); + } + }; + + /** + * Gets the selected Range + * + * @return {Range} + * @function + * @name selectedRange + * @memberOf RangeHelper.prototype + */ + base.selectedRange = function () { + var range, firstChild, + sel = win.getSelection(); + + if (!sel) { + return; + } + + // When creating a new range, set the start to the first child + // element of the body element to avoid errors in FF. + if (sel.rangeCount <= 0) { + firstChild = doc.body; + while (firstChild.firstChild) { + firstChild = firstChild.firstChild; + } + + range = doc.createRange(); + // Must be setStartBefore otherwise it can cause infinite + // loops with lists in WebKit. See issue 442 + range.setStartBefore(firstChild); + + sel.addRange(range); + } + + if (sel.rangeCount > 0) { + range = sel.getRangeAt(0); + } + + return range; + }; + + /** + * Gets if there is currently a selection + * + * @return {boolean} + * @function + * @name hasSelection + * @since 1.4.4 + * @memberOf RangeHelper.prototype + */ + base.hasSelection = function () { + var sel = win.getSelection(); + + return sel && sel.rangeCount > 0; + }; + + /** + * Gets the currently selected HTML + * + * @return {string} + * @function + * @name selectedHtml + * @memberOf RangeHelper.prototype + */ + base.selectedHtml = function () { + var div, + range = base.selectedRange(); + + if (range) { + div = createElement('p', {}, doc); + appendChild(div, range.cloneContents()); + + return div.innerHTML; + } + + return ''; + }; + + /** + * Gets the parent node of the selected contents in the range + * + * @return {HTMLElement} + * @function + * @name parentNode + * @memberOf RangeHelper.prototype + */ + base.parentNode = function () { + var range = base.selectedRange(); + + if (range) { + return range.commonAncestorContainer; + } + }; + + /** + * Gets the first block level parent of the selected + * contents of the range. + * + * @return {HTMLElement} + * @function + * @name getFirstBlockParent + * @memberOf RangeHelper.prototype + */ + /** + * Gets the first block level parent of the selected + * contents of the range. + * + * @param {Node} [n] The element to get the first block level parent from + * @return {HTMLElement} + * @function + * @name getFirstBlockParent^2 + * @since 1.4.1 + * @memberOf RangeHelper.prototype + */ + base.getFirstBlockParent = function (node) { + var func = function (elm) { + if (!isInline(elm, true)) { + return elm; + } + + elm = elm ? elm.parentNode : null; + + return elm ? func(elm) : elm; + }; + + return func(node || base.parentNode()); + }; + + /** + * Inserts a node at either the start or end of the current selection + * + * @param {Bool} start + * @param {Node} node + * @function + * @name insertNodeAt + * @memberOf RangeHelper.prototype + */ + base.insertNodeAt = function (start, node) { + var currentRange = base.selectedRange(), + range = base.cloneSelected(); + + if (!range) { + return false; + } + + range.collapse(start); + range.insertNode(node); + + // Reselect the current range. + // Fixes issue with Chrome losing the selection. Issue#82 + base.selectRange(currentRange); + }; + + /** + * Creates a marker node + * + * @param {string} id + * @return {HTMLSpanElement} + * @private + */ + _createMarker = function (id) { + base.removeMarker(id); + + var marker = createElement('span', { + id: id, + className: 'sceditor-selection sceditor-ignore', + style: 'display:none;line-height:0' + }, doc); + + marker.innerHTML = ' '; + + return marker; + }; + + /** + * Inserts start/end markers for the current selection + * which can be used by restoreRange to re-select the + * range. + * + * @memberOf RangeHelper.prototype + * @function + * @name insertMarkers + */ + base.insertMarkers = function () { + var currentRange = base.selectedRange(); + var startNode = _createMarker(startMarker); + + base.removeMarkers(); + base.insertNodeAt(true, startNode); + + // Fixes issue with end marker sometimes being placed before + // the start marker when the range is collapsed. + if (currentRange && currentRange.collapsed) { + startNode.parentNode.insertBefore( + _createMarker(endMarker), startNode.nextSibling); + } else { + base.insertNodeAt(false, _createMarker(endMarker)); + } + }; + + /** + * Gets the marker with the specified ID + * + * @param {string} id + * @return {Node} + * @function + * @name getMarker + * @memberOf RangeHelper.prototype + */ + base.getMarker = function (id) { + return doc.getElementById(id); + }; + + /** + * Removes the marker with the specified ID + * + * @param {string} id + * @function + * @name removeMarker + * @memberOf RangeHelper.prototype + */ + base.removeMarker = function (id) { + var marker = base.getMarker(id); + + if (marker) { + remove(marker); + } + }; + + /** + * Removes the start/end markers + * + * @function + * @name removeMarkers + * @memberOf RangeHelper.prototype + */ + base.removeMarkers = function () { + base.removeMarker(startMarker); + base.removeMarker(endMarker); + }; + + /** + * Saves the current range location. Alias of insertMarkers() + * + * @function + * @name saveRage + * @memberOf RangeHelper.prototype + */ + base.saveRange = function () { + base.insertMarkers(); + }; + + /** + * Select the specified range + * + * @param {Range} range + * @function + * @name selectRange + * @memberOf RangeHelper.prototype + */ + base.selectRange = function (range) { + var lastChild; + var sel = win.getSelection(); + var container = range.endContainer; + + // Check if cursor is set after a BR when the BR is the only + // child of the parent. In Firefox this causes a line break + // to occur when something is typed. See issue #321 + if (!IE_BR_FIX$1 && range.collapsed && container && + !isInline(container, true)) { + + lastChild = container.lastChild; + while (lastChild && is(lastChild, '.sceditor-ignore')) { + lastChild = lastChild.previousSibling; + } + + if (is(lastChild, 'br')) { + var rng = doc.createRange(); + rng.setEndAfter(lastChild); + rng.collapse(false); + + if (base.compare(range, rng)) { + range.setStartBefore(lastChild); + range.collapse(true); + } + } + } + + if (sel) { + base.clear(); + sel.addRange(range); + } + }; + + /** + * Restores the last range saved by saveRange() or insertMarkers() + * + * @function + * @name restoreRange + * @memberOf RangeHelper.prototype + */ + base.restoreRange = function () { + var isCollapsed, + range = base.selectedRange(), + start = base.getMarker(startMarker), + end = base.getMarker(endMarker); + + if (!start || !end || !range) { + return false; + } + + isCollapsed = start.nextSibling === end; + + range = doc.createRange(); + range.setStartBefore(start); + range.setEndAfter(end); + + if (isCollapsed) { + range.collapse(true); + } + + base.selectRange(range); + base.removeMarkers(); + }; + + /** + * Selects the text left and right of the current selection + * + * @param {number} left + * @param {number} right + * @since 1.4.3 + * @function + * @name selectOuterText + * @memberOf RangeHelper.prototype + */ + base.selectOuterText = function (left, right) { + var start, end, + range = base.cloneSelected(); + + if (!range) { + return false; + } + + range.collapse(false); + + start = outerText(range, true, left); + end = outerText(range, false, right); + + range.setStart(start.node, start.offset); + range.setEnd(end.node, end.offset); + + base.selectRange(range); + }; + + /** + * Gets the text left or right of the current selection + * + * @param {boolean} before + * @param {number} length + * @return {string} + * @since 1.4.3 + * @function + * @name selectOuterText + * @memberOf RangeHelper.prototype + */ + base.getOuterText = function (before, length) { + var range = base.cloneSelected(); + + if (!range) { + return ''; + } + + range.collapse(!before); + + return outerText(range, before, length).text; + }; + + /** + * Replaces keywords with values based on the current caret position + * + * @param {Array} keywords + * @param {boolean} includeAfter If to include the text after the + * current caret position or just + * text before + * @param {boolean} keywordsSorted If the keywords array is pre + * sorted shortest to longest + * @param {number} longestKeyword Length of the longest keyword + * @param {boolean} requireWhitespace If the key must be surrounded + * by whitespace + * @param {string} keypressChar If this is being called from + * a keypress event, this should be + * set to the pressed character + * @return {boolean} + * @function + * @name replaceKeyword + * @memberOf RangeHelper.prototype + */ + // eslint-disable-next-line max-params + base.replaceKeyword = function ( + keywords, + includeAfter, + keywordsSorted, + longestKeyword, + requireWhitespace, + keypressChar + ) { + if (!keywordsSorted) { + keywords.sort(function (a, b) { + return a[0].length - b[0].length; + }); + } + + var outerText, match, matchPos, startIndex, + leftLen, charsLeft, keyword, keywordLen, + whitespaceRegex = '(^|[\\s\xA0\u2002\u2003\u2009])', + keywordIdx = keywords.length, + whitespaceLen = requireWhitespace ? 1 : 0, + maxKeyLen = longestKeyword || + keywords[keywordIdx - 1][0].length; + + if (requireWhitespace) { + maxKeyLen++; + } + + keypressChar = keypressChar || ''; + outerText = base.getOuterText(true, maxKeyLen); + leftLen = outerText.length; + outerText += keypressChar; + + if (includeAfter) { + outerText += base.getOuterText(false, maxKeyLen); + } + + while (keywordIdx--) { + keyword = keywords[keywordIdx][0]; + keywordLen = keyword.length; + startIndex = Math.max(0, leftLen - keywordLen - whitespaceLen); + matchPos = -1; + + if (requireWhitespace) { + match = outerText + .substr(startIndex) + .match(new RegExp(whitespaceRegex + + regex(keyword) + whitespaceRegex)); + + if (match) { + // Add the length of the text that was removed by + // substr() and also add 1 for the whitespace + matchPos = match.index + startIndex + match[1].length; + } + } else { + matchPos = outerText.indexOf(keyword, startIndex); + } + + if (matchPos > -1) { + // Make sure the match is between before and + // after, not just entirely in one side or the other + if (matchPos <= leftLen && + matchPos + keywordLen + whitespaceLen >= leftLen) { + charsLeft = leftLen - matchPos; + + // If the keypress char is white space then it should + // not be replaced, only chars that are part of the + // key should be replaced. + base.selectOuterText( + charsLeft, + keywordLen - charsLeft - + (/^\S/.test(keypressChar) ? 1 : 0) + ); + + base.insertHTML(keywords[keywordIdx][1]); + return true; + } + } + } + + return false; + }; + + /** + * Compares two ranges. + * + * If rangeB is undefined it will be set to + * the current selected range + * + * @param {Range} rngA + * @param {Range} [rngB] + * @return {boolean} + * @function + * @name compare + * @memberOf RangeHelper.prototype + */ + base.compare = function (rngA, rngB) { + if (!rngB) { + rngB = base.selectedRange(); + } + + if (!rngA || !rngB) { + return !rngA && !rngB; + } + + return rngA.compareBoundaryPoints(Range.END_TO_END, rngB) === 0 && + rngA.compareBoundaryPoints(Range.START_TO_START, rngB) === 0; + }; + + /** + * Removes any current selection + * + * @since 1.4.6 + * @function + * @name clear + * @memberOf RangeHelper.prototype + */ + base.clear = function () { + var sel = win.getSelection(); + + if (sel) { + if (sel.removeAllRanges) { + sel.removeAllRanges(); + } else if (sel.empty) { + sel.empty(); + } + } + }; + } + + /** + * Checks all emoticons are surrounded by whitespace and + * replaces any that aren't with with their emoticon code. + * + * @param {HTMLElement} node + * @param {rangeHelper} rangeHelper + * @return {void} + */ + function checkWhitespace(node, rangeHelper) { + var noneWsRegex = /[^\s\xA0\u2002\u2003\u2009\u00a0]+/; + var emoticons = node && find(node, 'img[data-sceditor-emoticon]'); + + if (!node || !emoticons.length) { + return; + } + + for (var i = 0; i < emoticons.length; i++) { + var emoticon = emoticons[i]; + var parent$$1 = emoticon.parentNode; + var prev = emoticon.previousSibling; + var next = emoticon.nextSibling; + + if ((!prev || !noneWsRegex.test(prev.nodeValue.slice(-1))) && + (!next || !noneWsRegex.test((next.nodeValue || '')[0]))) { + continue; + } + + var range = rangeHelper.cloneSelected(); + var rangeStart = -1; + var rangeStartContainer = range.startContainer; + var previousText = prev.nodeValue; + + // For IE's HTMLPhraseElement + if (previousText === null) { + previousText = prev.innerText || ''; + } + + previousText += data(emoticon, 'sceditor-emoticon'); + + // If the cursor is after the removed emoticon, add + // the length of the newly added text to it + if (rangeStartContainer === next) { + rangeStart = previousText.length + range.startOffset; + } + + // If the cursor is set before the next node, set it to + // the end of the new text node + if (rangeStartContainer === node && + node.childNodes[range.startOffset] === next) { + rangeStart = previousText.length; + } + + // If the cursor is set before the removed emoticon, + // just keep it at that position + if (rangeStartContainer === prev) { + rangeStart = range.startOffset; + } + + if (!next || next.nodeType !== TEXT_NODE) { + next = parent$$1.insertBefore( + parent$$1.ownerDocument.createTextNode(''), next + ); + } + + next.insertData(0, previousText); + remove(prev); + remove(emoticon); + + // Need to update the range starting position if it's been modified + if (rangeStart > -1) { + range.setStart(next, rangeStart); + range.collapse(true); + rangeHelper.selectRange(range); + } + } + } + + /** + * Replaces any emoticons inside the root node with images. + * + * emoticons should be an object where the key is the emoticon + * code and the value is the HTML to replace it with. + * + * @param {HTMLElement} root + * @param {Object} emoticons + * @param {boolean} emoticonsCompat + * @return {void} + */ + function replace(root, emoticons, emoticonsCompat) { + var doc = root.ownerDocument; + var space = '(^|\\s|\xA0|\u2002|\u2003|\u2009|$)'; + var emoticonCodes = []; + var emoticonRegex = {}; + + // TODO: Make this tag configurable. + if (parent(root, 'code')) { + return; + } + + each(emoticons, function (key) { + emoticonRegex[key] = new RegExp(space + regex(key) + space); + emoticonCodes.push(key); + }); + + // Sort keys longest to shortest so that longer keys + // take precedence (avoids bugs with shorter keys partially + // matching longer ones) + emoticonCodes.sort(function (a, b) { + return b.length - a.length; + }); + + (function convert(node) { + node = node.firstChild; + + while (node) { + // TODO: Make this tag configurable. + if (node.nodeType === ELEMENT_NODE && !is(node, 'code')) { + convert(node); + } + + if (node.nodeType === TEXT_NODE) { + for (var i = 0; i < emoticonCodes.length; i++) { + var text = node.nodeValue; + var key = emoticonCodes[i]; + var index = emoticonsCompat ? + text.search(emoticonRegex[key]) : + text.indexOf(key); + + if (index > -1) { + // When emoticonsCompat is enabled this will be the + // position after any white space + var startIndex = text.indexOf(key, index); + var fragment = parseHTML(emoticons[key], doc); + var after = text.substr(startIndex + key.length); + + fragment.appendChild(doc.createTextNode(after)); + + node.nodeValue = text.substr(0, startIndex); + node.parentNode + .insertBefore(fragment, node.nextSibling); + } + } + } + + node = node.nextSibling; + } + }(root)); + } + + var globalWin = window; + var globalDoc = document; + + var IE_VER = ie; + + // In IE < 11 a BR at the end of a block level element + // causes a line break. In all other browsers it's collapsed. + var IE_BR_FIX$2 = IE_VER && IE_VER < 11; + + var IMAGE_MIME_REGEX = /^image\/(p?jpe?g|gif|png|bmp)$/i; + + /** + * Wrap inlines that are in the root in paragraphs. + * + * @param {HTMLBodyElement} body + * @param {Document} doc + * @private + */ + function wrapInlines(body, doc) { + var wrapper; + + traverse(body, function (node) { + if (isInline(node, true)) { + if (!wrapper) { + wrapper = createElement('p', {}, doc); + insertBefore(wrapper, node); + } + + if (node.nodeType !== TEXT_NODE || node.nodeValue !== '') { + appendChild(wrapper, node); + } + } else { + wrapper = null; + } + }, false, true); + } + + /** + * SCEditor - A lightweight WYSIWYG editor + * + * @param {HTMLTextAreaElement} original The textarea to be converted + * @param {Object} userOptions + * @class SCEditor + * @name SCEditor + */ + function SCEditor(original, userOptions) { + /** + * Alias of this + * + * @private + */ + var base = this; + + /** + * Editor format like BBCode or HTML + */ + var format; + + /** + * The div which contains the editor and toolbar + * + * @type {HTMLDivElement} + * @private + */ + var editorContainer; + + /** + * Map of events handlers bound to this instance. + * + * @type {Object} + * @private + */ + var eventHandlers = {}; + + /** + * The editors toolbar + * + * @type {HTMLDivElement} + * @private + */ + var toolbar; + + /** + * The editors iframe which should be in design mode + * + * @type {HTMLIFrameElement} + * @private + */ + var wysiwygEditor; + + /** + * The editors window + * + * @type {Window} + * @private + */ + var wysiwygWindow; + + /** + * The WYSIWYG editors body element + * + * @type {HTMLBodyElement} + * @private + */ + var wysiwygBody; + + /** + * The WYSIWYG editors document + * + * @type {Document} + * @private + */ + var wysiwygDocument; + + /** + * The editors textarea for viewing source + * + * @type {HTMLTextAreaElement} + * @private + */ + var sourceEditor; + + /** + * The current dropdown + * + * @type {HTMLDivElement} + * @private + */ + var dropdown; + + /** + * Store the last cursor position. Needed for IE because it forgets + * + * @type {Range} + * @private + */ + var lastRange; + + /** + * If the user is currently composing text via IME + * @type {boolean} + */ + var isComposing; + + /** + * Timer for valueChanged key handler + * @type {number} + */ + var valueChangedKeyUpTimer; + + /** + * The editors locale + * + * @private + */ + var locale; + + /** + * Stores a cache of preloaded images + * + * @private + * @type {Array.} + */ + var preLoadCache = []; + + /** + * The editors rangeHelper instance + * + * @type {RangeHelper} + * @private + */ + var rangeHelper; + + /** + * An array of button state handlers + * + * @type {Array.} + * @private + */ + var btnStateHandlers = []; + + /** + * Plugin manager instance + * + * @type {PluginManager} + * @private + */ + var pluginManager; + + /** + * The current node containing the selection/caret + * + * @type {Node} + * @private + */ + var currentNode; + + /** + * The first block level parent of the current node + * + * @type {node} + * @private + */ + var currentBlockNode; + + /** + * The current node selection/caret + * + * @type {Object} + * @private + */ + var currentSelection; + + /** + * Used to make sure only 1 selection changed + * check is called every 100ms. + * + * Helps improve performance as it is checked a lot. + * + * @type {boolean} + * @private + */ + var isSelectionCheckPending; + + /** + * If content is required (equivalent to the HTML5 required attribute) + * + * @type {boolean} + * @private + */ + var isRequired; + + /** + * The inline CSS style element. Will be undefined + * until css() is called for the first time. + * + * @type {HTMLStyleElement} + * @private + */ + var inlineCss; + + /** + * Object containing a list of shortcut handlers + * + * @type {Object} + * @private + */ + var shortcutHandlers = {}; + + /** + * The min and max heights that autoExpand should stay within + * + * @type {Object} + * @private + */ + var autoExpandBounds; + + /** + * Timeout for the autoExpand function to throttle calls + * + * @private + */ + var autoExpandThrottle; + + /** + * Cache of the current toolbar buttons + * + * @type {Object} + * @private + */ + var toolbarButtons = {}; + + /** + * Last scroll position before maximizing so + * it can be restored when finished. + * + * @type {number} + * @private + */ + var maximizeScrollPosition; + + /** + * Stores the contents while a paste is taking place. + * + * Needed to support browsers that lack clipboard API support. + * + * @type {?DocumentFragment} + * @private + */ + var pasteContentFragment; + + /** + * All the emoticons from dropdown, more and hidden combined + * and with the emoticons root set + * + * @type {!Object} + * @private + */ + var allEmoticons = {}; + + /** + * Current icon set if any + * + * @type {?Object} + * @private + */ + var icons; + + /** + * Private functions + * @private + */ + var init, + replaceEmoticons, + handleCommand, + saveRange, + initEditor, + initPlugins, + initLocale, + initToolBar, + initOptions, + initEvents, + initResize, + initEmoticons, + handlePasteEvt, + handlePasteData, + handleKeyDown, + handleBackSpace, + handleKeyPress, + handleFormReset, + handleMouseDown, + handleComposition, + handleEvent, + handleDocumentClick, + updateToolBar, + updateActiveButtons, + sourceEditorSelectedText, + appendNewLine, + checkSelectionChanged, + checkNodeChanged, + autofocus, + emoticonsKeyPress, + emoticonsCheckWhitespace, + currentStyledBlockNode, + triggerValueChanged, + valueChangedBlur, + valueChangedKeyUp, + autoUpdate, + autoExpand; + + /** + * All the commands supported by the editor + * @name commands + * @memberOf SCEditor.prototype + */ + base.commands = extend(true, {}, (userOptions.commands || defaultCmds)); + + /** + * Options for this editor instance + * @name opts + * @memberOf SCEditor.prototype + */ + var options = base.opts = extend( + true, {}, defaultOptions, userOptions + ); + + // Don't deep extend emoticons (fixes #565) + base.opts.emoticons = userOptions.emoticons || defaultOptions.emoticons; + + /** + * Creates the editor iframe and textarea + * @private + */ + init = function () { + original._sceditor = base; + + // Load locale + if (options.locale && options.locale !== 'en') { + initLocale(); + } + + editorContainer = createElement('div', { + className: 'sceditor-container' + }); + + insertBefore(editorContainer, original); + css(editorContainer, 'z-index', options.zIndex); + + // Add IE version to the container to allow IE specific CSS + // fixes without using CSS hacks or conditional comments + if (IE_VER) { + addClass(editorContainer, 'ie ie' + IE_VER); + } + + isRequired = original.required; + original.required = false; + + var FormatCtor = SCEditor.formats[options.format]; + format = FormatCtor ? new FormatCtor() : {}; + if ('init' in format) { + format.init.call(base); + } + + // create the editor + initPlugins(); + initEmoticons(); + initToolBar(); + initEditor(); + initOptions(); + initEvents(); + + // force into source mode if is a browser that can't handle + // full editing + if (!isWysiwygSupported) { + base.toggleSourceMode(); + } + + updateActiveButtons(); + + var loaded = function () { + off(globalWin, 'load', loaded); + + if (options.autofocus) { + autofocus(); + } + + autoExpand(); + appendNewLine(); + // TODO: use editor doc and window? + pluginManager.call('ready'); + if ('onReady' in format) { + format.onReady.call(base); + } + }; + on(globalWin, 'load', loaded); + if (globalDoc.readyState === 'complete') { + loaded(); + } + }; + + initPlugins = function () { + var plugins = options.plugins; + + plugins = plugins ? plugins.toString().split(',') : []; + pluginManager = new PluginManager(base); + + plugins.forEach(function (plugin) { + pluginManager.register(plugin.trim()); + }); + }; + + /** + * Init the locale variable with the specified locale if possible + * @private + * @return void + */ + initLocale = function () { + var lang; + + locale = SCEditor.locale[options.locale]; + + if (!locale) { + lang = options.locale.split('-'); + locale = SCEditor.locale[lang[0]]; + } + + // Locale DateTime format overrides any specified in the options + if (locale && locale.dateFormat) { + options.dateFormat = locale.dateFormat; + } + }; + + /** + * Creates the editor iframe and textarea + * @private + */ + initEditor = function () { + sourceEditor = createElement('textarea'); + wysiwygEditor = createElement('iframe', { + frameborder: 0, + allowfullscreen: true + }); + + /* This needs to be done right after they are created because, + * for any reason, the user may not want the value to be tinkered + * by any filters. + */ + if (options.startInSourceMode) { + addClass(editorContainer, 'sourceMode'); + hide(wysiwygEditor); + } else { + addClass(editorContainer, 'wysiwygMode'); + hide(sourceEditor); + } + + if (!options.spellcheck) { + attr(editorContainer, 'spellcheck', 'false'); + } + + if (globalWin.location.protocol === 'https:') { + // eslint-disable-next-line no-script-url + attr(wysiwygEditor, 'src', 'javascript:false'); + } + + // Add the editor to the container + appendChild(editorContainer, wysiwygEditor); + appendChild(editorContainer, sourceEditor); + + // TODO: make this optional somehow + base.dimensions( + options.width || width(original), + options.height || height(original) + ); + + // Add IE version class to the HTML element so can apply + // conditional styling without CSS hacks + var className = IE_VER ? 'ie ie' + IE_VER : ''; + // Add ios to HTML so can apply CSS fix to only it + className += ios ? ' ios' : ''; + + wysiwygDocument = wysiwygEditor.contentDocument; + wysiwygDocument.open(); + wysiwygDocument.write(_tmpl('html', { + attrs: ' class="' + className + '"', + spellcheck: options.spellcheck ? '' : 'spellcheck="false"', + charset: options.charset, + style: options.style + })); + wysiwygDocument.close(); + + wysiwygBody = wysiwygDocument.body; + wysiwygWindow = wysiwygEditor.contentWindow; + + base.readOnly(!!options.readOnly); + + // iframe overflow fix for iOS, also fixes an IE issue with the + // editor not getting focus when clicking inside + if (ios || edge || IE_VER) { + height(wysiwygBody, '100%'); + + if (!IE_VER) { + on(wysiwygBody, 'touchend', base.focus); + } + } + + var tabIndex = attr(original, 'tabindex'); + attr(sourceEditor, 'tabindex', tabIndex); + attr(wysiwygEditor, 'tabindex', tabIndex); + + rangeHelper = new RangeHelper(wysiwygWindow); + + // load any textarea value into the editor + hide(original); + base.val(original.value); + + var placeholder = options.placeholder || + attr(original, 'placeholder'); + + if (placeholder) { + sourceEditor.placeholder = placeholder; + attr(wysiwygBody, 'placeholder', placeholder); + } + }; + + /** + * Initialises options + * @private + */ + initOptions = function () { + // auto-update original textbox on blur if option set to true + if (options.autoUpdate) { + on(wysiwygBody, 'blur', autoUpdate); + on(sourceEditor, 'blur', autoUpdate); + } + + if (options.rtl === null) { + options.rtl = css(sourceEditor, 'direction') === 'rtl'; + } + + base.rtl(!!options.rtl); + + if (options.autoExpand) { + // Need to update when images (or anything else) loads + on(wysiwygBody, 'load', autoExpand, EVENT_CAPTURE); + on(wysiwygBody, 'input keyup', autoExpand); + } + + if (options.resizeEnabled) { + initResize(); + } + + attr(editorContainer, 'id', options.id); + base.emoticons(options.emoticonsEnabled); + }; + + /** + * Initialises events + * @private + */ + initEvents = function () { + var form = original.form; + var compositionEvents = 'compositionstart compositionend'; + var eventsToForward = 'keydown keyup keypress focus blur contextmenu'; + var checkSelectionEvents = 'onselectionchange' in wysiwygDocument ? + 'selectionchange' : + 'keyup focus blur contextmenu mouseup touchend click'; + + on(globalDoc, 'click', handleDocumentClick); + + if (form) { + on(form, 'reset', handleFormReset); + on(form, 'submit', base.updateOriginal, EVENT_CAPTURE); + } + + on(wysiwygBody, 'keypress', handleKeyPress); + on(wysiwygBody, 'keydown', handleKeyDown); + on(wysiwygBody, 'keydown', handleBackSpace); + on(wysiwygBody, 'keyup', appendNewLine); + on(wysiwygBody, 'blur', valueChangedBlur); + on(wysiwygBody, 'keyup', valueChangedKeyUp); + on(wysiwygBody, 'paste', handlePasteEvt); + on(wysiwygBody, compositionEvents, handleComposition); + on(wysiwygBody, checkSelectionEvents, checkSelectionChanged); + on(wysiwygBody, eventsToForward, handleEvent); + + if (options.emoticonsCompat && globalWin.getSelection) { + on(wysiwygBody, 'keyup', emoticonsCheckWhitespace); + } + + on(wysiwygBody, 'blur', function () { + if (!base.val()) { + addClass(wysiwygBody, 'placeholder'); + } + }); + + on(wysiwygBody, 'focus', function () { + removeClass(wysiwygBody, 'placeholder'); + }); + + on(sourceEditor, 'blur', valueChangedBlur); + on(sourceEditor, 'keyup', valueChangedKeyUp); + on(sourceEditor, 'keydown', handleKeyDown); + on(sourceEditor, compositionEvents, handleComposition); + on(sourceEditor, eventsToForward, handleEvent); + + on(wysiwygDocument, 'mousedown', handleMouseDown); + on(wysiwygDocument, checkSelectionEvents, checkSelectionChanged); + on(wysiwygDocument, 'beforedeactivate keyup mouseup', saveRange); + on(wysiwygDocument, 'keyup', appendNewLine); + on(wysiwygDocument, 'focus', function () { + lastRange = null; + }); + + on(editorContainer, 'selectionchanged', checkNodeChanged); + on(editorContainer, 'selectionchanged', updateActiveButtons); + // Custom events to forward + on( + editorContainer, + 'selectionchanged valuechanged nodechanged pasteraw paste', + handleEvent + ); + }; + + /** + * Creates the toolbar and appends it to the container + * @private + */ + initToolBar = function () { + var group, + commands = base.commands, + exclude = (options.toolbarExclude || '').split(','), + groups = options.toolbar.split('|'); + + toolbar = createElement('div', { + className: 'sceditor-toolbar', + unselectable: 'on' + }); + + if (options.icons in SCEditor.icons) { + icons = new SCEditor.icons[options.icons](); + } + + each(groups, function (_, menuItems) { + group = createElement('div', { + className: 'sceditor-group' + }); + + each(menuItems.split(','), function (_, commandName) { + var button, shortcut, + command = commands[commandName]; + + // The commandName must be a valid command and not excluded + if (!command || exclude.indexOf(commandName) > -1) { + return; + } + + shortcut = command.shortcut; + button = _tmpl('toolbarButton', { + name: commandName, + dispName: base._(command.name || + command.tooltip || commandName) + }, true).firstChild; + + if (icons && icons.create) { + var icon = icons.create(commandName); + if (icon) { + insertBefore(icons.create(commandName), + button.firstChild); + addClass(button, 'has-icon'); + } + } + + button._sceTxtMode = !!command.txtExec; + button._sceWysiwygMode = !!command.exec; + toggleClass(button, 'disabled', !command.exec); + on(button, 'click', function (e) { + if (!hasClass(button, 'disabled')) { + handleCommand(button, command); + } + + updateActiveButtons(); + e.preventDefault(); + }); + // Prevent editor losing focus when button clicked + on(button, 'mousedown', function (e) { + base.closeDropDown(); + e.preventDefault(); + }); + + if (command.tooltip) { + attr(button, 'title', + base._(command.tooltip) + + (shortcut ? ' (' + shortcut + ')' : '') + ); + } + + if (shortcut) { + base.addShortcut(shortcut, commandName); + } + + if (command.state) { + btnStateHandlers.push({ + name: commandName, + state: command.state + }); + // exec string commands can be passed to queryCommandState + } else if (isString(command.exec)) { + btnStateHandlers.push({ + name: commandName, + state: command.exec + }); + } + + appendChild(group, button); + toolbarButtons[commandName] = button; + }); + + // Exclude empty groups + if (group.firstChild) { + appendChild(toolbar, group); + } + }); + + // Append the toolbar to the toolbarContainer option if given + appendChild(options.toolbarContainer || editorContainer, toolbar); + }; + + /** + * Creates the resizer. + * @private + */ + initResize = function () { + var minHeight, maxHeight, minWidth, maxWidth, + mouseMoveFunc, mouseUpFunc, + grip = createElement('div', { + className: 'sceditor-grip' + }), + // Cover is used to cover the editor iframe so document + // still gets mouse move events + cover = createElement('div', { + className: 'sceditor-resize-cover' + }), + moveEvents = 'touchmove mousemove', + endEvents = 'touchcancel touchend mouseup', + startX = 0, + startY = 0, + newX = 0, + newY = 0, + startWidth = 0, + startHeight = 0, + origWidth = width(editorContainer), + origHeight = height(editorContainer), + isDragging = false, + rtl = base.rtl(); + + minHeight = options.resizeMinHeight || origHeight / 1.5; + maxHeight = options.resizeMaxHeight || origHeight * 2.5; + minWidth = options.resizeMinWidth || origWidth / 1.25; + maxWidth = options.resizeMaxWidth || origWidth * 1.25; + + mouseMoveFunc = function (e) { + // iOS uses window.event + if (e.type === 'touchmove') { + e = globalWin.event; + newX = e.changedTouches[0].pageX; + newY = e.changedTouches[0].pageY; + } else { + newX = e.pageX; + newY = e.pageY; + } + + var newHeight = startHeight + (newY - startY), + newWidth = rtl ? + startWidth - (newX - startX) : + startWidth + (newX - startX); + + if (maxWidth > 0 && newWidth > maxWidth) { + newWidth = maxWidth; + } + if (minWidth > 0 && newWidth < minWidth) { + newWidth = minWidth; + } + if (!options.resizeWidth) { + newWidth = false; + } + + if (maxHeight > 0 && newHeight > maxHeight) { + newHeight = maxHeight; + } + if (minHeight > 0 && newHeight < minHeight) { + newHeight = minHeight; + } + if (!options.resizeHeight) { + newHeight = false; + } + + if (newWidth || newHeight) { + base.dimensions(newWidth, newHeight); + } + + e.preventDefault(); + }; + + mouseUpFunc = function (e) { + if (!isDragging) { + return; + } + + isDragging = false; + + hide(cover); + removeClass(editorContainer, 'resizing'); + off(globalDoc, moveEvents, mouseMoveFunc); + off(globalDoc, endEvents, mouseUpFunc); + + e.preventDefault(); + }; + + if (icons && icons.create) { + var icon = icons.create('grip'); + if (icon) { + appendChild(grip, icon); + addClass(grip, 'has-icon'); + } + } + + appendChild(editorContainer, grip); + appendChild(editorContainer, cover); + hide(cover); + + on(grip, 'touchstart mousedown', function (e) { + // iOS uses window.event + if (e.type === 'touchstart') { + e = globalWin.event; + startX = e.touches[0].pageX; + startY = e.touches[0].pageY; + } else { + startX = e.pageX; + startY = e.pageY; + } + + startWidth = width(editorContainer); + startHeight = height(editorContainer); + isDragging = true; + + addClass(editorContainer, 'resizing'); + show(cover); + on(globalDoc, moveEvents, mouseMoveFunc); + on(globalDoc, endEvents, mouseUpFunc); + + e.preventDefault(); + }); + }; + + /** + * Prefixes and preloads the emoticon images + * @private + */ + initEmoticons = function () { + var emoticons = options.emoticons; + var root = options.emoticonsRoot || ''; + + if (emoticons) { + allEmoticons = extend( + {}, emoticons.more, emoticons.dropdown, emoticons.hidden + ); + } + + each(allEmoticons, function (key, url) { + allEmoticons[key] = _tmpl('emoticon', { + key: key, + // Prefix emoticon root to emoticon urls + url: root + (url.url || url), + tooltip: url.tooltip || key + }); + + // Preload the emoticon + if (options.emoticonsEnabled) { + preLoadCache.push(createElement('img', { + src: root + (url.url || url) + })); + } + }); + }; + + /** + * Autofocus the editor + * @private + */ + autofocus = function () { + var range, txtPos, + node = wysiwygBody.firstChild, + focusEnd = !!options.autofocusEnd; + + // Can't focus invisible elements + if (!isVisible(editorContainer)) { + return; + } + + if (base.sourceMode()) { + txtPos = focusEnd ? sourceEditor.value.length : 0; + + sourceEditor.setSelectionRange(txtPos, txtPos); + + return; + } + + removeWhiteSpace(wysiwygBody); + + if (focusEnd) { + if (!(node = wysiwygBody.lastChild)) { + node = createElement('p', {}, wysiwygDocument); + appendChild(wysiwygBody, node); + } + + while (node.lastChild) { + node = node.lastChild; + + // IE < 11 should place the cursor after the
    as + // it will show it as a newline. IE >= 11 and all + // other browsers should place the cursor before. + if (!IE_BR_FIX$2 && is(node, 'br') && node.previousSibling) { + node = node.previousSibling; + } + } + } + + range = wysiwygDocument.createRange(); + + if (!canHaveChildren(node)) { + range.setStartBefore(node); + + if (focusEnd) { + range.setStartAfter(node); + } + } else { + range.selectNodeContents(node); + } + + range.collapse(!focusEnd); + rangeHelper.selectRange(range); + currentSelection = range; + + if (focusEnd) { + wysiwygBody.scrollTop = wysiwygBody.scrollHeight; + } + + base.focus(); + }; + + /** + * Gets if the editor is read only + * + * @since 1.3.5 + * @function + * @memberOf SCEditor.prototype + * @name readOnly + * @return {boolean} + */ + /** + * Sets if the editor is read only + * + * @param {boolean} readOnly + * @since 1.3.5 + * @function + * @memberOf SCEditor.prototype + * @name readOnly^2 + * @return {this} + */ + base.readOnly = function (readOnly) { + if (typeof readOnly !== 'boolean') { + return !sourceEditor.readonly; + } + + wysiwygBody.contentEditable = !readOnly; + sourceEditor.readonly = !readOnly; + + updateToolBar(readOnly); + + return base; + }; + + /** + * Gets if the editor is in RTL mode + * + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name rtl + * @return {boolean} + */ + /** + * Sets if the editor is in RTL mode + * + * @param {boolean} rtl + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name rtl^2 + * @return {this} + */ + base.rtl = function (rtl) { + var dir = rtl ? 'rtl' : 'ltr'; + + if (typeof rtl !== 'boolean') { + return attr(sourceEditor, 'dir') === 'rtl'; + } + + attr(wysiwygBody, 'dir', dir); + attr(sourceEditor, 'dir', dir); + + removeClass(editorContainer, 'rtl'); + removeClass(editorContainer, 'ltr'); + addClass(editorContainer, dir); + + if (icons && icons.rtl) { + icons.rtl(rtl); + } + + return base; + }; + + /** + * Updates the toolbar to disable/enable the appropriate buttons + * @private + */ + updateToolBar = function (disable) { + var mode = base.inSourceMode() ? '_sceTxtMode' : '_sceWysiwygMode'; + + each(toolbarButtons, function (_, button) { + toggleClass(button, 'disabled', disable || !button[mode]); + }); + }; + + /** + * Gets the width of the editor in pixels + * + * @since 1.3.5 + * @function + * @memberOf SCEditor.prototype + * @name width + * @return {number} + */ + /** + * Sets the width of the editor + * + * @param {number} width Width in pixels + * @since 1.3.5 + * @function + * @memberOf SCEditor.prototype + * @name width^2 + * @return {this} + */ + /** + * Sets the width of the editor + * + * The saveWidth specifies if to save the width. The stored width can be + * used for things like restoring from maximized state. + * + * @param {number} width Width in pixels + * @param {boolean} [saveWidth=true] If to store the width + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name width^3 + * @return {this} + */ + base.width = function (width$$1, saveWidth) { + if (!width$$1 && width$$1 !== 0) { + return width(editorContainer); + } + + base.dimensions(width$$1, null, saveWidth); + + return base; + }; + + /** + * Returns an object with the properties width and height + * which are the width and height of the editor in px. + * + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name dimensions + * @return {object} + */ + /** + *

    Sets the width and/or height of the editor.

    + * + *

    If width or height is not numeric it is ignored.

    + * + * @param {number} width Width in px + * @param {number} height Height in px + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name dimensions^2 + * @return {this} + */ + /** + *

    Sets the width and/or height of the editor.

    + * + *

    If width or height is not numeric it is ignored.

    + * + *

    The save argument specifies if to save the new sizes. + * The saved sizes can be used for things like restoring from + * maximized state. This should normally be left as true.

    + * + * @param {number} width Width in px + * @param {number} height Height in px + * @param {boolean} [save=true] If to store the new sizes + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name dimensions^3 + * @return {this} + */ + base.dimensions = function (width$$1, height$$1, save) { + // set undefined width/height to boolean false + width$$1 = (!width$$1 && width$$1 !== 0) ? false : width$$1; + height$$1 = (!height$$1 && height$$1 !== 0) ? false : height$$1; + + if (width$$1 === false && height$$1 === false) { + return { width: base.width(), height: base.height() }; + } + + if (width$$1 !== false) { + if (save !== false) { + options.width = width$$1; + } + + width(editorContainer, width$$1); + } + + if (height$$1 !== false) { + if (save !== false) { + options.height = height$$1; + } + + height(editorContainer, height$$1); + } + + return base; + }; + + /** + * Gets the height of the editor in px + * + * @since 1.3.5 + * @function + * @memberOf SCEditor.prototype + * @name height + * @return {number} + */ + /** + * Sets the height of the editor + * + * @param {number} height Height in px + * @since 1.3.5 + * @function + * @memberOf SCEditor.prototype + * @name height^2 + * @return {this} + */ + /** + * Sets the height of the editor + * + * The saveHeight specifies if to save the height. + * + * The stored height can be used for things like + * restoring from maximized state. + * + * @param {number} height Height in px + * @param {boolean} [saveHeight=true] If to store the height + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name height^3 + * @return {this} + */ + base.height = function (height$$1, saveHeight) { + if (!height$$1 && height$$1 !== 0) { + return height(editorContainer); + } + + base.dimensions(null, height$$1, saveHeight); + + return base; + }; + + /** + * Gets if the editor is maximised or not + * + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name maximize + * @return {boolean} + */ + /** + * Sets if the editor is maximised or not + * + * @param {boolean} maximize If to maximise the editor + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name maximize^2 + * @return {this} + */ + base.maximize = function (maximize) { + var maximizeSize = 'sceditor-maximize'; + + if (isUndefined(maximize)) { + return hasClass(editorContainer, maximizeSize); + } + + maximize = !!maximize; + + if (maximize) { + maximizeScrollPosition = globalWin.pageYOffset; + } + + toggleClass(globalDoc.documentElement, maximizeSize, maximize); + toggleClass(globalDoc.body, maximizeSize, maximize); + toggleClass(editorContainer, maximizeSize, maximize); + base.width(maximize ? '100%' : options.width, false); + base.height(maximize ? '100%' : options.height, false); + + if (!maximize) { + globalWin.scrollTo(0, maximizeScrollPosition); + } + + autoExpand(); + + return base; + }; + + autoExpand = function () { + if (options.autoExpand && !autoExpandThrottle) { + autoExpandThrottle = setTimeout(base.expandToContent, 200); + } + }; + + /** + * Expands or shrinks the editors height to the height of it's content + * + * Unless ignoreMaxHeight is set to true it will not expand + * higher than the maxHeight option. + * + * @since 1.3.5 + * @param {boolean} [ignoreMaxHeight=false] + * @function + * @name expandToContent + * @memberOf SCEditor.prototype + * @see #resizeToContent + */ + base.expandToContent = function (ignoreMaxHeight) { + if (base.maximize()) { + return; + } + + clearTimeout(autoExpandThrottle); + autoExpandThrottle = false; + + if (!autoExpandBounds) { + var height$$1 = options.resizeMinHeight || options.height || + height(original); + + autoExpandBounds = { + min: height$$1, + max: options.resizeMaxHeight || (height$$1 * 2) + }; + } + + var range = globalDoc.createRange(); + range.selectNodeContents(wysiwygBody); + + var rect = range.getBoundingClientRect(); + var current = wysiwygDocument.documentElement.clientHeight - 1; + var spaceNeeded = rect.bottom - rect.top; + var newHeight = base.height() + 1 + (spaceNeeded - current); + + if (!ignoreMaxHeight && autoExpandBounds.max !== -1) { + newHeight = Math.min(newHeight, autoExpandBounds.max); + } + + base.height(Math.ceil(Math.max(newHeight, autoExpandBounds.min))); + }; + + /** + * Destroys the editor, removing all elements and + * event handlers. + * + * Leaves only the original textarea. + * + * @function + * @name destroy + * @memberOf SCEditor.prototype + */ + base.destroy = function () { + // Don't destroy if the editor has already been destroyed + if (!pluginManager) { + return; + } + + pluginManager.destroy(); + + rangeHelper = null; + lastRange = null; + pluginManager = null; + + if (dropdown) { + remove(dropdown); + } + + off(globalDoc, 'click', handleDocumentClick); + + // TODO: make off support null nodes? + var form = original.form; + if (form) { + off(form, 'reset', handleFormReset); + off(form, 'submit', base.updateOriginal); + } + + remove(sourceEditor); + remove(toolbar); + remove(editorContainer); + + delete original._sceditor; + show(original); + + original.required = isRequired; + }; + + + /** + * Creates a menu item drop down + * + * @param {HTMLElement} menuItem The button to align the dropdown with + * @param {string} name Used for styling the dropdown, will be + * a class sceditor-name + * @param {HTMLElement} content The HTML content of the dropdown + * @param {boolean} ieFix If to add the unselectable attribute + * to all the contents elements. Stops + * IE from deselecting the text in the + * editor + * @function + * @name createDropDown + * @memberOf SCEditor.prototype + */ + base.createDropDown = function (menuItem, name, content, ieFix) { + // first click for create second click for close + var dropDownCss, + dropDownClass = 'sceditor-' + name; + + // Will re-focus the editor. This is needed for IE + // as it has special logic to save/restore the selection + base.closeDropDown(true); + + // Only close the dropdown if it was already open + if (dropdown && hasClass(dropdown, dropDownClass)) { + return; + } + + // IE needs unselectable attr to stop it from + // unselecting the text in the editor. + // SCEditor can cope if IE does unselect the + // text it's just not nice. + if (ieFix !== false) { + each(find(content, ':not(input):not(textarea)'), + function (_, node) { + if (node.nodeType === ELEMENT_NODE) { + attr(node, 'unselectable', 'on'); + } + }); + } + + dropDownCss = extend({ + top: menuItem.offsetTop, + left: menuItem.offsetLeft, + marginTop: menuItem.clientHeight + }, options.dropDownCss); + + dropdown = createElement('div', { + className: 'sceditor-dropdown ' + dropDownClass + }); + + css(dropdown, dropDownCss); + appendChild(dropdown, content); + appendChild(editorContainer, dropdown); + on(dropdown, 'click focusin', function (e) { + // stop clicks within the dropdown from being handled + e.stopPropagation(); + }); + + // If try to focus the first input immediately IE will + // place the cursor at the start of the editor instead + // of focusing on the input. + setTimeout(function () { + if (dropdown) { + var first = find(dropdown, 'input,textarea')[0]; + if (first) { + first.focus(); + } + } + }); + }; + + /** + * Handles any document click and closes the dropdown if open + * @private + */ + handleDocumentClick = function (e) { + // ignore right clicks + if (e.which !== 3 && dropdown && !e.defaultPrevented) { + autoUpdate(); + + base.closeDropDown(); + } + }; + + /** + * Handles the WYSIWYG editors paste event + * @private + */ + handlePasteEvt = function (e) { + var isIeOrEdge = IE_VER || edge; + var editable = wysiwygBody; + var clipboard = e.clipboardData; + var loadImage = function (file) { + var reader = new FileReader(); + reader.onload = function (e) { + handlePasteData({ + html: '' + }); + }; + reader.readAsDataURL(file); + }; + + // Modern browsers with clipboard API - everything other than _very_ + // old android web views and UC browser which doesn't support the + // paste event at all. + if (clipboard && !isIeOrEdge) { + var data$$1 = {}; + var types = clipboard.types; + var items = clipboard.items; + + e.preventDefault(); + + for (var i = 0; i < types.length; i++) { + // Normalise image pasting to paste as a data-uri + if (globalWin.FileReader && items && + IMAGE_MIME_REGEX.test(items[i].type)) { + return loadImage(clipboard.items[i].getAsFile()); + } + + data$$1[types[i]] = clipboard.getData(types[i]); + } + // Call plugins here with file? + data$$1.text = data$$1['text/plain']; + data$$1.html = data$$1['text/html']; + + handlePasteData(data$$1); + // If contentsFragment exists then we are already waiting for a + // previous paste so let the handler for that handle this one too + } else if (!pasteContentFragment) { + // Save the scroll position so can be restored + // when contents is restored + var scrollTop = editable.scrollTop; + + rangeHelper.saveRange(); + + pasteContentFragment = globalDoc.createDocumentFragment(); + while (editable.firstChild) { + appendChild(pasteContentFragment, editable.firstChild); + } + + setTimeout(function () { + var html = editable.innerHTML; + + editable.innerHTML = ''; + appendChild(editable, pasteContentFragment); + editable.scrollTop = scrollTop; + pasteContentFragment = false; + + rangeHelper.restoreRange(); + + handlePasteData({ html: html }); + }, 0); + } + }; + + /** + * Gets the pasted data, filters it and then inserts it. + * @param {Object} data + * @private + */ + handlePasteData = function (data$$1) { + var pasteArea = createElement('div', {}, wysiwygDocument); + + pluginManager.call('pasteRaw', data$$1); + trigger(editorContainer, 'pasteraw', data$$1); + + if (data$$1.html) { + pasteArea.innerHTML = data$$1.html; + + // fix any invalid nesting + fixNesting(pasteArea); + } else { + pasteArea.innerHTML = entities(data$$1.text || ''); + } + + var paste = { + val: pasteArea.innerHTML + }; + + if ('fragmentToSource' in format) { + paste.val = format + .fragmentToSource(paste.val, wysiwygDocument, currentNode); + } + + pluginManager.call('paste', paste); + trigger(editorContainer, 'paste', paste); + + if ('fragmentToHtml' in format) { + paste.val = format + .fragmentToHtml(paste.val, currentNode); + } + + pluginManager.call('pasteHtml', paste); + + base.wysiwygEditorInsertHtml(paste.val, null, true); + }; + + /** + * Closes any currently open drop down + * + * @param {boolean} [focus=false] If to focus the editor + * after closing the drop down + * @function + * @name closeDropDown + * @memberOf SCEditor.prototype + */ + base.closeDropDown = function (focus) { + if (dropdown) { + remove(dropdown); + dropdown = null; + } + + if (focus === true) { + base.focus(); + } + }; + + + /** + * Inserts HTML into WYSIWYG editor. + * + * If endHtml is specified, any selected text will be placed + * between html and endHtml. If there is no selected text html + * and endHtml will just be concatenate together. + * + * @param {string} html + * @param {string} [endHtml=null] + * @param {boolean} [overrideCodeBlocking=false] If to insert the html + * into code tags, by + * default code tags only + * support text. + * @function + * @name wysiwygEditorInsertHtml + * @memberOf SCEditor.prototype + */ + base.wysiwygEditorInsertHtml = function ( + html, endHtml, overrideCodeBlocking + ) { + var marker, scrollTop, scrollTo, + editorHeight = height(wysiwygEditor); + + base.focus(); + + // TODO: This code tag should be configurable and + // should maybe convert the HTML into text instead + // Don't apply to code elements + if (!overrideCodeBlocking && closest(currentBlockNode, 'code')) { + return; + } + + // Insert the HTML and save the range so the editor can be scrolled + // to the end of the selection. Also allows emoticons to be replaced + // without affecting the cursor position + rangeHelper.insertHTML(html, endHtml); + rangeHelper.saveRange(); + replaceEmoticons(); + + // Scroll the editor after the end of the selection + marker = find(wysiwygBody, '#sceditor-end-marker')[0]; + show(marker); + scrollTop = wysiwygBody.scrollTop; + scrollTo = (getOffset(marker).top + + (marker.offsetHeight * 1.5)) - editorHeight; + hide(marker); + + // Only scroll if marker isn't already visible + if (scrollTo > scrollTop || scrollTo + editorHeight < scrollTop) { + wysiwygBody.scrollTop = scrollTo; + } + + triggerValueChanged(false); + rangeHelper.restoreRange(); + + // Add a new line after the last block element + // so can always add text after it + appendNewLine(); + }; + + /** + * Like wysiwygEditorInsertHtml except it will convert any HTML + * into text before inserting it. + * + * @param {string} text + * @param {string} [endText=null] + * @function + * @name wysiwygEditorInsertText + * @memberOf SCEditor.prototype + */ + base.wysiwygEditorInsertText = function (text, endText) { + base.wysiwygEditorInsertHtml( + entities(text), entities(endText) + ); + }; + + /** + * Inserts text into the WYSIWYG or source editor depending on which + * mode the editor is in. + * + * If endText is specified any selected text will be placed between + * text and endText. If no text is selected text and endText will + * just be concatenate together. + * + * @param {string} text + * @param {string} [endText=null] + * @since 1.3.5 + * @function + * @name insertText + * @memberOf SCEditor.prototype + */ + base.insertText = function (text, endText) { + if (base.inSourceMode()) { + base.sourceEditorInsertText(text, endText); + } else { + base.wysiwygEditorInsertText(text, endText); + } + + return base; + }; + + /** + * Like wysiwygEditorInsertHtml but inserts text into the + * source mode editor instead. + * + * If endText is specified any selected text will be placed between + * text and endText. If no text is selected text and endText will + * just be concatenate together. + * + * The cursor will be placed after the text param. If endText is + * specified the cursor will be placed before endText, so passing:
    + * + * '[b]', '[/b]' + * + * Would cause the cursor to be placed:
    + * + * [b]Selected text|[/b] + * + * @param {string} text + * @param {string} [endText=null] + * @since 1.4.0 + * @function + * @name sourceEditorInsertText + * @memberOf SCEditor.prototype + */ + base.sourceEditorInsertText = function (text, endText) { + var scrollTop, currentValue, + startPos = sourceEditor.selectionStart, + endPos = sourceEditor.selectionEnd; + + scrollTop = sourceEditor.scrollTop; + sourceEditor.focus(); + currentValue = sourceEditor.value; + + if (endText) { + text += currentValue.substring(startPos, endPos) + endText; + } + + sourceEditor.value = currentValue.substring(0, startPos) + + text + + currentValue.substring(endPos, currentValue.length); + + sourceEditor.selectionStart = (startPos + text.length) - + (endText ? endText.length : 0); + sourceEditor.selectionEnd = sourceEditor.selectionStart; + + sourceEditor.scrollTop = scrollTop; + sourceEditor.focus(); + + triggerValueChanged(); + }; + + /** + * Gets the current instance of the rangeHelper class + * for the editor. + * + * @return {RangeHelper} + * @function + * @name getRangeHelper + * @memberOf SCEditor.prototype + */ + base.getRangeHelper = function () { + return rangeHelper; + }; + + /** + * Gets or sets the source editor caret position. + * + * @param {Object} [position] + * @return {this} + * @function + * @since 1.4.5 + * @name sourceEditorCaret + * @memberOf SCEditor.prototype + */ + base.sourceEditorCaret = function (position) { + sourceEditor.focus(); + + if (position) { + sourceEditor.selectionStart = position.start; + sourceEditor.selectionEnd = position.end; + + return this; + } + + return { + start: sourceEditor.selectionStart, + end: sourceEditor.selectionEnd + }; + }; + + /** + * Gets the value of the editor. + * + * If the editor is in WYSIWYG mode it will return the filtered + * HTML from it (converted to BBCode if using the BBCode plugin). + * It it's in Source Mode it will return the unfiltered contents + * of the source editor (if using the BBCode plugin this will be + * BBCode again). + * + * @since 1.3.5 + * @return {string} + * @function + * @name val + * @memberOf SCEditor.prototype + */ + /** + * Sets the value of the editor. + * + * If filter set true the val will be passed through the filter + * function. If using the BBCode plugin it will pass the val to + * the BBCode filter to convert any BBCode into HTML. + * + * @param {string} val + * @param {boolean} [filter=true] + * @return {this} + * @since 1.3.5 + * @function + * @name val^2 + * @memberOf SCEditor.prototype + */ + base.val = function (val, filter) { + if (!isString(val)) { + return base.inSourceMode() ? + base.getSourceEditorValue(false) : + base.getWysiwygEditorValue(filter); + } + + if (!base.inSourceMode()) { + if (filter !== false && 'toHtml' in format) { + val = format.toHtml(val); + } + + base.setWysiwygEditorValue(val); + } else { + base.setSourceEditorValue(val); + } + + return base; + }; + + /** + * Inserts HTML/BBCode into the editor + * + * If end is supplied any selected text will be placed between + * start and end. If there is no selected text start and end + * will be concatenate together. + * + * If the filter param is set to true, the HTML/BBCode will be + * passed through any plugin filters. If using the BBCode plugin + * this will convert any BBCode into HTML. + * + * @param {string} start + * @param {string} [end=null] + * @param {boolean} [filter=true] + * @param {boolean} [convertEmoticons=true] If to convert emoticons + * @return {this} + * @since 1.3.5 + * @function + * @name insert + * @memberOf SCEditor.prototype + */ + /** + * Inserts HTML/BBCode into the editor + * + * If end is supplied any selected text will be placed between + * start and end. If there is no selected text start and end + * will be concatenate together. + * + * If the filter param is set to true, the HTML/BBCode will be + * passed through any plugin filters. If using the BBCode plugin + * this will convert any BBCode into HTML. + * + * If the allowMixed param is set to true, HTML any will not be + * escaped + * + * @param {string} start + * @param {string} [end=null] + * @param {boolean} [filter=true] + * @param {boolean} [convertEmoticons=true] If to convert emoticons + * @param {boolean} [allowMixed=false] + * @return {this} + * @since 1.4.3 + * @function + * @name insert^2 + * @memberOf SCEditor.prototype + */ + // eslint-disable-next-line max-params + base.insert = function ( + start, end, filter, convertEmoticons, allowMixed + ) { + if (base.inSourceMode()) { + base.sourceEditorInsertText(start, end); + return base; + } + + // Add the selection between start and end + if (end) { + var html = rangeHelper.selectedHtml(); + + if (filter !== false && 'fragmentToSource' in format) { + html = format + .fragmentToSource(html, wysiwygDocument, currentNode); + } + + start += html + end; + } + // TODO: This filter should allow empty tags as it's inserting. + if (filter !== false && 'fragmentToHtml' in format) { + start = format.fragmentToHtml(start, currentNode); + } + + // Convert any escaped HTML back into HTML if mixed is allowed + if (filter !== false && allowMixed === true) { + start = start.replace(/</g, '<') + .replace(/>/g, '>') + .replace(/&/g, '&'); + } + + base.wysiwygEditorInsertHtml(start); + + return base; + }; + + /** + * Gets the WYSIWYG editors HTML value. + * + * If using a plugin that filters the Ht Ml like the BBCode plugin + * it will return the result of the filtering (BBCode) unless the + * filter param is set to false. + * + * @param {boolean} [filter=true] + * @return {string} + * @function + * @name getWysiwygEditorValue + * @memberOf SCEditor.prototype + */ + base.getWysiwygEditorValue = function (filter) { + var html; + // Create a tmp node to store contents so it can be modified + // without affecting anything else. + var tmp = createElement('div', {}, wysiwygDocument); + var childNodes = wysiwygBody.childNodes; + + for (var i = 0; i < childNodes.length; i++) { + appendChild(tmp, childNodes[i].cloneNode(true)); + } + + appendChild(wysiwygBody, tmp); + fixNesting(tmp); + remove(tmp); + + html = tmp.innerHTML; + + // filter the HTML and DOM through any plugins + if (filter !== false && format.hasOwnProperty('toSource')) { + html = format.toSource(html, wysiwygDocument); + } + + return html; + }; + + /** + * Gets the WYSIWYG editor's iFrame Body. + * + * @return {HTMLElement} + * @function + * @since 1.4.3 + * @name getBody + * @memberOf SCEditor.prototype + */ + base.getBody = function () { + return wysiwygBody; + }; + + /** + * Gets the WYSIWYG editors container area (whole iFrame). + * + * @return {HTMLElement} + * @function + * @since 1.4.3 + * @name getContentAreaContainer + * @memberOf SCEditor.prototype + */ + base.getContentAreaContainer = function () { + return wysiwygEditor; + }; + + /** + * Gets the text editor value + * + * If using a plugin that filters the text like the BBCode plugin + * it will return the result of the filtering which is BBCode to + * HTML so it will return HTML. If filter is set to false it will + * just return the contents of the source editor (BBCode). + * + * @param {boolean} [filter=true] + * @return {string} + * @function + * @since 1.4.0 + * @name getSourceEditorValue + * @memberOf SCEditor.prototype + */ + base.getSourceEditorValue = function (filter) { + var val = sourceEditor.value; + + if (filter !== false && 'toHtml' in format) { + val = format.toHtml(val); + } + + return val; + }; + + /** + * Sets the WYSIWYG HTML editor value. Should only be the HTML + * contained within the body tags + * + * @param {string} value + * @function + * @name setWysiwygEditorValue + * @memberOf SCEditor.prototype + */ + base.setWysiwygEditorValue = function (value) { + if (!value) { + value = '

    ' + (IE_VER ? '' : '
    ') + '

    '; + } + + wysiwygBody.innerHTML = value; + replaceEmoticons(); + + appendNewLine(); + triggerValueChanged(); + autoExpand(); + }; + + /** + * Sets the text editor value + * + * @param {string} value + * @function + * @name setSourceEditorValue + * @memberOf SCEditor.prototype + */ + base.setSourceEditorValue = function (value) { + sourceEditor.value = value; + + triggerValueChanged(); + }; + + /** + * Updates the textarea that the editor is replacing + * with the value currently inside the editor. + * + * @function + * @name updateOriginal + * @since 1.4.0 + * @memberOf SCEditor.prototype + */ + base.updateOriginal = function () { + original.value = base.val(); + }; + + /** + * Replaces any emoticon codes in the passed HTML + * with their emoticon images + * @private + */ + replaceEmoticons = function () { + if (options.emoticonsEnabled) { + replace(wysiwygBody, allEmoticons, options.emoticonsCompat); + } + }; + + /** + * If the editor is in source code mode + * + * @return {boolean} + * @function + * @name inSourceMode + * @memberOf SCEditor.prototype + */ + base.inSourceMode = function () { + return hasClass(editorContainer, 'sourceMode'); + }; + + /** + * Gets if the editor is in sourceMode + * + * @return boolean + * @function + * @name sourceMode + * @memberOf SCEditor.prototype + */ + /** + * Sets if the editor is in sourceMode + * + * @param {boolean} enable + * @return {this} + * @function + * @name sourceMode^2 + * @memberOf SCEditor.prototype + */ + base.sourceMode = function (enable) { + var inSourceMode = base.inSourceMode(); + + if (typeof enable !== 'boolean') { + return inSourceMode; + } + + if ((inSourceMode && !enable) || (!inSourceMode && enable)) { + base.toggleSourceMode(); + } + + return base; + }; + + /** + * Switches between the WYSIWYG and source modes + * + * @function + * @name toggleSourceMode + * @since 1.4.0 + * @memberOf SCEditor.prototype + */ + base.toggleSourceMode = function () { + var isInSourceMode = base.inSourceMode(); + + // don't allow switching to WYSIWYG if doesn't support it + if (!isWysiwygSupported && isInSourceMode) { + return; + } + + if (!isInSourceMode) { + rangeHelper.saveRange(); + rangeHelper.clear(); + } + + base.blur(); + + if (isInSourceMode) { + base.setWysiwygEditorValue(base.getSourceEditorValue()); + } else { + base.setSourceEditorValue(base.getWysiwygEditorValue()); + } + + lastRange = null; + toggle(sourceEditor); + toggle(wysiwygEditor); + + toggleClass(editorContainer, 'wysiwygMode', isInSourceMode); + toggleClass(editorContainer, 'sourceMode', !isInSourceMode); + + updateToolBar(); + updateActiveButtons(); + }; + + /** + * Gets the selected text of the source editor + * @return {string} + * @private + */ + sourceEditorSelectedText = function () { + sourceEditor.focus(); + + return sourceEditor.value.substring( + sourceEditor.selectionStart, + sourceEditor.selectionEnd + ); + }; + + /** + * Handles the passed command + * @private + */ + handleCommand = function (caller, cmd) { + // check if in text mode and handle text commands + if (base.inSourceMode()) { + if (cmd.txtExec) { + if (Array.isArray(cmd.txtExec)) { + base.sourceEditorInsertText.apply(base, cmd.txtExec); + } else { + cmd.txtExec.call(base, caller, sourceEditorSelectedText()); + } + } + } else if (cmd.exec) { + if (isFunction(cmd.exec)) { + cmd.exec.call(base, caller); + } else { + base.execCommand( + cmd.exec, + cmd.hasOwnProperty('execParam') ? cmd.execParam : null + ); + } + } + + }; + + /** + * Saves the current range. Needed for IE because it forgets + * where the cursor was and what was selected + * @private + */ + saveRange = function () { + /* this is only needed for IE */ + if (IE_VER) { + lastRange = rangeHelper.selectedRange(); + } + }; + + /** + * Executes a command on the WYSIWYG editor + * + * @param {string} command + * @param {String|Boolean} [param] + * @function + * @name execCommand + * @memberOf SCEditor.prototype + */ + base.execCommand = function (command, param) { + var executed = false, + commandObj = base.commands[command]; + + base.focus(); + + // TODO: make configurable + // don't apply any commands to code elements + if (closest(rangeHelper.parentNode(), 'code')) { + return; + } + + try { + executed = wysiwygDocument.execCommand(command, false, param); + } catch (ex) { } + + // show error if execution failed and an error message exists + if (!executed && commandObj && commandObj.errorMessage) { + /*global alert:false*/ + alert(base._(commandObj.errorMessage)); + } + + updateActiveButtons(); + }; + + /** + * Checks if the current selection has changed and triggers + * the selectionchanged event if it has. + * + * In browsers other than IE, it will check at most once every 100ms. + * This is because only IE has a selection changed event. + * @private + */ + checkSelectionChanged = function () { + function check() { + // Don't create new selection if there isn't one (like after + // blur event in iOS) + if (wysiwygWindow.getSelection() && + wysiwygWindow.getSelection().rangeCount <= 0) { + currentSelection = null; + // rangeHelper could be null if editor was destroyed + // before the timeout had finished + } else if (rangeHelper && !rangeHelper.compare(currentSelection)) { + currentSelection = rangeHelper.cloneSelected(); + + // If the selection is in an inline wrap it in a block. + // Fixes #331 + if (currentSelection && currentSelection.collapsed) { + var parent$$1 = currentSelection.startContainer; + var offset = currentSelection.startOffset; + + // Handle if selection is placed before/after an element + if (offset && parent$$1.nodeType !== TEXT_NODE) { + parent$$1 = parent$$1.childNodes[offset]; + } + + while (parent$$1 && parent$$1.parentNode !== wysiwygBody) { + parent$$1 = parent$$1.parentNode; + } + + if (parent$$1 && isInline(parent$$1, true)) { + rangeHelper.saveRange(); + wrapInlines(wysiwygBody, wysiwygDocument); + rangeHelper.restoreRange(); + } + } + + trigger(editorContainer, 'selectionchanged'); + } + + isSelectionCheckPending = false; + } + + if (isSelectionCheckPending) { + return; + } + + isSelectionCheckPending = true; + + // Don't need to limit checking if browser supports the Selection API + if ('onselectionchange' in wysiwygDocument) { + check(); + } else { + setTimeout(check, 100); + } + }; + + /** + * Checks if the current node has changed and triggers + * the nodechanged event if it has + * @private + */ + checkNodeChanged = function () { + // check if node has changed + var oldNode, + node = rangeHelper.parentNode(); + + if (currentNode !== node) { + oldNode = currentNode; + currentNode = node; + currentBlockNode = rangeHelper.getFirstBlockParent(node); + + trigger(editorContainer, 'nodechanged', { + oldNode: oldNode, + newNode: currentNode + }); + } + }; + + /** + * Gets the current node that contains the selection/caret in + * WYSIWYG mode. + * + * Will be null in sourceMode or if there is no selection. + * + * @return {?Node} + * @function + * @name currentNode + * @memberOf SCEditor.prototype + */ + base.currentNode = function () { + return currentNode; + }; + + /** + * Gets the first block level node that contains the + * selection/caret in WYSIWYG mode. + * + * Will be null in sourceMode or if there is no selection. + * + * @return {?Node} + * @function + * @name currentBlockNode + * @memberOf SCEditor.prototype + * @since 1.4.4 + */ + base.currentBlockNode = function () { + return currentBlockNode; + }; + + /** + * Updates if buttons are active or not + * @private + */ + updateActiveButtons = function () { + var firstBlock, parent$$1; + var activeClass = 'active'; + var doc = wysiwygDocument; + var isSource = base.sourceMode(); + + if (base.readOnly()) { + each(find(toolbar, activeClass), function (_, menuItem) { + removeClass(menuItem, activeClass); + }); + return; + } + + if (!isSource) { + parent$$1 = rangeHelper.parentNode(); + firstBlock = rangeHelper.getFirstBlockParent(parent$$1); + } + + for (var j = 0; j < btnStateHandlers.length; j++) { + var state = 0; + var btn = toolbarButtons[btnStateHandlers[j].name]; + var stateFn = btnStateHandlers[j].state; + var isDisabled = (isSource && !btn._sceTxtMode) || + (!isSource && !btn._sceWysiwygMode); + + if (isString(stateFn)) { + if (!isSource) { + try { + state = doc.queryCommandEnabled(stateFn) ? 0 : -1; + + // eslint-disable-next-line max-depth + if (state > -1) { + state = doc.queryCommandState(stateFn) ? 1 : 0; + } + } catch (ex) {} + } + } else if (!isDisabled) { + state = stateFn.call(base, parent$$1, firstBlock); + } + + toggleClass(btn, 'disabled', isDisabled || state < 0); + toggleClass(btn, activeClass, state > 0); + } + + if (icons && icons.update) { + icons.update(isSource, parent$$1, firstBlock); + } + }; + + /** + * Handles any key press in the WYSIWYG editor + * + * @private + */ + handleKeyPress = function (e) { + // FF bug: https://bugzilla.mozilla.org/show_bug.cgi?id=501496 + if (e.defaultPrevented) { + return; + } + + base.closeDropDown(); + + // 13 = enter key + if (e.which === 13) { + var LIST_TAGS = 'li,ul,ol'; + + // "Fix" (cludge) for blocklevel elements being duplicated in some + // browsers when enter is pressed instead of inserting a newline + if (!is(currentBlockNode, LIST_TAGS) && + hasStyling(currentBlockNode)) { + lastRange = null; + + var br = createElement('br', {}, wysiwygDocument); + rangeHelper.insertNode(br); + + // Last
    of a block will be collapsed unless it is + // IE < 11 so need to make sure the
    that was inserted + // isn't the last node of a block. + if (!IE_BR_FIX$2) { + var parent$$1 = br.parentNode; + var lastChild = parent$$1.lastChild; + + // Sometimes an empty next node is created after the
    + if (lastChild && lastChild.nodeType === TEXT_NODE && + lastChild.nodeValue === '') { + remove(lastChild); + lastChild = parent$$1.lastChild; + } + + // If this is the last BR of a block and the previous + // sibling is inline then will need an extra BR. This + // is needed because the last BR of a block will be + // collapsed. Fixes issue #248 + if (!isInline(parent$$1, true) && lastChild === br && + isInline(br.previousSibling)) { + rangeHelper.insertHTML('
    '); + } + } + + e.preventDefault(); + } + } + }; + + /** + * Makes sure that if there is a code or quote tag at the + * end of the editor, that there is a new line after it. + * + * If there wasn't a new line at the end you wouldn't be able + * to enter any text after a code/quote tag + * @return {void} + * @private + */ + appendNewLine = function () { + // Check all nodes in reverse until either add a new line + // or reach a non-empty textnode or BR at which point can + // stop checking. + rTraverse(wysiwygBody, function (node) { + // Last block, add new line after if has styling + if (node.nodeType === ELEMENT_NODE && + !/inline/.test(css(node, 'display'))) { + + // Add line break after if has styling + if (!is(node, '.sceditor-nlf') && hasStyling(node)) { + var paragraph = createElement('p', {}, wysiwygDocument); + paragraph.className = 'sceditor-nlf'; + paragraph.innerHTML = !IE_BR_FIX$2 ? '
    ' : ''; + appendChild(wysiwygBody, paragraph); + return false; + } + } + + // Last non-empty text node or line break. + // No need to add line-break after them + if ((node.nodeType === 3 && !/^\s*$/.test(node.nodeValue)) || + is(node, 'br')) { + return false; + } + }); + }; + + /** + * Handles form reset event + * @private + */ + handleFormReset = function () { + base.val(original.value); + }; + + /** + * Handles any mousedown press in the WYSIWYG editor + * @private + */ + handleMouseDown = function () { + base.closeDropDown(); + lastRange = null; + }; + + /** + * Translates the string into the locale language. + * + * Replaces any {0}, {1}, {2}, ect. with the params provided. + * + * @param {string} str + * @param {...String} args + * @return {string} + * @function + * @name _ + * @memberOf SCEditor.prototype + */ + base._ = function () { + var undef, + args = arguments; + + if (locale && locale[args[0]]) { + args[0] = locale[args[0]]; + } + + return args[0].replace(/\{(\d+)\}/g, function (str, p1) { + return args[p1 - 0 + 1] !== undef ? + args[p1 - 0 + 1] : + '{' + p1 + '}'; + }); + }; + + /** + * Passes events on to any handlers + * @private + * @return void + */ + handleEvent = function (e) { + if (pluginManager) { + // Send event to all plugins + pluginManager.call(e.type + 'Event', e, base); + } + + // convert the event into a custom event to send + var name = (e.target === sourceEditor ? 'scesrc' : 'scewys') + e.type; + + if (eventHandlers[name]) { + eventHandlers[name].forEach(function (fn) { + fn.call(base, e); + }); + } + }; + + /** + * Binds a handler to the specified events + * + * This function only binds to a limited list of + * supported events. + * + * The supported events are: + * + * * keyup + * * keydown + * * Keypress + * * blur + * * focus + * * nodechanged - When the current node containing + * the selection changes in WYSIWYG mode + * * contextmenu + * * selectionchanged + * * valuechanged + * + * + * The events param should be a string containing the event(s) + * to bind this handler to. If multiple, they should be separated + * by spaces. + * + * @param {string} events + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude adding this handler + * to the WYSIWYG editor + * @param {boolean} excludeSource if to exclude adding this handler + * to the source editor + * @return {this} + * @function + * @name bind + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.bind = function (events, handler, excludeWysiwyg, excludeSource) { + events = events.split(' '); + + var i = events.length; + while (i--) { + if (isFunction(handler)) { + var wysEvent = 'scewys' + events[i]; + var srcEvent = 'scesrc' + events[i]; + // Use custom events to allow passing the instance as the + // 2nd argument. + // Also allows unbinding without unbinding the editors own + // event handlers. + if (!excludeWysiwyg) { + eventHandlers[wysEvent] = eventHandlers[wysEvent] || []; + eventHandlers[wysEvent].push(handler); + } + + if (!excludeSource) { + eventHandlers[srcEvent] = eventHandlers[srcEvent] || []; + eventHandlers[srcEvent].push(handler); + } + + // Start sending value changed events + if (events[i] === 'valuechanged') { + triggerValueChanged.hasHandler = true; + } + } + } + + return base; + }; + + /** + * Unbinds an event that was bound using bind(). + * + * @param {string} events + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude unbinding this + * handler from the WYSIWYG editor + * @param {boolean} excludeSource if to exclude unbinding this + * handler from the source editor + * @return {this} + * @function + * @name unbind + * @memberOf SCEditor.prototype + * @since 1.4.1 + * @see bind + */ + base.unbind = function (events, handler, excludeWysiwyg, excludeSource) { + events = events.split(' '); + + var i = events.length; + while (i--) { + if (isFunction(handler)) { + if (!excludeWysiwyg) { + arrayRemove( + eventHandlers['scewys' + events[i]] || [], handler); + } + + if (!excludeSource) { + arrayRemove( + eventHandlers['scesrc' + events[i]] || [], handler); + } + } + } + + return base; + }; + + /** + * Blurs the editors input area + * + * @return {this} + * @function + * @name blur + * @memberOf SCEditor.prototype + * @since 1.3.6 + */ + /** + * Adds a handler to the editors blur event + * + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude adding this handler + * to the WYSIWYG editor + * @param {boolean} excludeSource if to exclude adding this handler + * to the source editor + * @return {this} + * @function + * @name blur^2 + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.blur = function (handler, excludeWysiwyg, excludeSource) { + if (isFunction(handler)) { + base.bind('blur', handler, excludeWysiwyg, excludeSource); + } else if (!base.sourceMode()) { + wysiwygBody.blur(); + } else { + sourceEditor.blur(); + } + + return base; + }; + + /** + * Focuses the editors input area + * + * @return {this} + * @function + * @name focus + * @memberOf SCEditor.prototype + */ + /** + * Adds an event handler to the focus event + * + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude adding this handler + * to the WYSIWYG editor + * @param {boolean} excludeSource if to exclude adding this handler + * to the source editor + * @return {this} + * @function + * @name focus^2 + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.focus = function (handler, excludeWysiwyg, excludeSource) { + if (isFunction(handler)) { + base.bind('focus', handler, excludeWysiwyg, excludeSource); + } else if (!base.inSourceMode()) { + // Already has focus so do nothing + if (find(wysiwygDocument, ':focus').length) { + return; + } + + var container; + var rng = rangeHelper.selectedRange(); + + // Fix FF bug where it shows the cursor in the wrong place + // if the editor hasn't had focus before. See issue #393 + if (!currentSelection) { + autofocus(); + } + + // Check if cursor is set after a BR when the BR is the only + // child of the parent. In Firefox this causes a line break + // to occur when something is typed. See issue #321 + if (!IE_BR_FIX$2 && rng && rng.endOffset === 1 && rng.collapsed) { + container = rng.endContainer; + + if (container && container.childNodes.length === 1 && + is(container.firstChild, 'br')) { + rng.setStartBefore(container.firstChild); + rng.collapse(true); + rangeHelper.selectRange(rng); + } + } + + wysiwygWindow.focus(); + wysiwygBody.focus(); + + // Needed for IE + if (lastRange) { + rangeHelper.selectRange(lastRange); + + // Remove the stored range after being set. + // If the editor loses focus it should be saved again. + lastRange = null; + } + } else { + sourceEditor.focus(); + } + + updateActiveButtons(); + + return base; + }; + + /** + * Adds a handler to the key down event + * + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude adding this handler + * to the WYSIWYG editor + * @param {boolean} excludeSource If to exclude adding this handler + * to the source editor + * @return {this} + * @function + * @name keyDown + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.keyDown = function (handler, excludeWysiwyg, excludeSource) { + return base.bind('keydown', handler, excludeWysiwyg, excludeSource); + }; + + /** + * Adds a handler to the key press event + * + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude adding this handler + * to the WYSIWYG editor + * @param {boolean} excludeSource If to exclude adding this handler + * to the source editor + * @return {this} + * @function + * @name keyPress + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.keyPress = function (handler, excludeWysiwyg, excludeSource) { + return base + .bind('keypress', handler, excludeWysiwyg, excludeSource); + }; + + /** + * Adds a handler to the key up event + * + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude adding this handler + * to the WYSIWYG editor + * @param {boolean} excludeSource If to exclude adding this handler + * to the source editor + * @return {this} + * @function + * @name keyUp + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.keyUp = function (handler, excludeWysiwyg, excludeSource) { + return base.bind('keyup', handler, excludeWysiwyg, excludeSource); + }; + + /** + * Adds a handler to the node changed event. + * + * Happens whenever the node containing the selection/caret + * changes in WYSIWYG mode. + * + * @param {Function} handler + * @return {this} + * @function + * @name nodeChanged + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.nodeChanged = function (handler) { + return base.bind('nodechanged', handler, false, true); + }; + + /** + * Adds a handler to the selection changed event + * + * Happens whenever the selection changes in WYSIWYG mode. + * + * @param {Function} handler + * @return {this} + * @function + * @name selectionChanged + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.selectionChanged = function (handler) { + return base.bind('selectionchanged', handler, false, true); + }; + + /** + * Adds a handler to the value changed event + * + * Happens whenever the current editor value changes. + * + * Whenever anything is inserted, the value changed or + * 1.5 secs after text is typed. If a space is typed it will + * cause the event to be triggered immediately instead of + * after 1.5 seconds + * + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude adding this handler + * to the WYSIWYG editor + * @param {boolean} excludeSource If to exclude adding this handler + * to the source editor + * @return {this} + * @function + * @name valueChanged + * @memberOf SCEditor.prototype + * @since 1.4.5 + */ + base.valueChanged = function (handler, excludeWysiwyg, excludeSource) { + return base + .bind('valuechanged', handler, excludeWysiwyg, excludeSource); + }; + + /** + * Emoticons keypress handler + * @private + */ + emoticonsKeyPress = function (e) { + var replacedEmoticon, + cachePos = 0, + emoticonsCache = base.emoticonsCache, + curChar = String.fromCharCode(e.which); + + // TODO: Make configurable + if (closest(currentBlockNode, 'code')) { + return; + } + + if (!emoticonsCache) { + emoticonsCache = []; + + each(allEmoticons, function (key, html) { + emoticonsCache[cachePos++] = [key, html]; + }); + + emoticonsCache.sort(function (a, b) { + return a[0].length - b[0].length; + }); + + base.emoticonsCache = emoticonsCache; + base.longestEmoticonCode = + emoticonsCache[emoticonsCache.length - 1][0].length; + } + + replacedEmoticon = rangeHelper.replaceKeyword( + base.emoticonsCache, + true, + true, + base.longestEmoticonCode, + options.emoticonsCompat, + curChar + ); + + if (replacedEmoticon) { + if (!options.emoticonsCompat || !/^\s$/.test(curChar)) { + e.preventDefault(); + } + } + }; + + /** + * Makes sure emoticons are surrounded by whitespace + * @private + */ + emoticonsCheckWhitespace = function () { + checkWhitespace(currentBlockNode, rangeHelper); + }; + + /** + * Gets if emoticons are currently enabled + * @return {boolean} + * @function + * @name emoticons + * @memberOf SCEditor.prototype + * @since 1.4.2 + */ + /** + * Enables/disables emoticons + * + * @param {boolean} enable + * @return {this} + * @function + * @name emoticons^2 + * @memberOf SCEditor.prototype + * @since 1.4.2 + */ + base.emoticons = function (enable) { + if (!enable && enable !== false) { + return options.emoticonsEnabled; + } + + options.emoticonsEnabled = enable; + + if (enable) { + on(wysiwygBody, 'keypress', emoticonsKeyPress); + + if (!base.sourceMode()) { + rangeHelper.saveRange(); + + replaceEmoticons(); + triggerValueChanged(false); + + rangeHelper.restoreRange(); + } + } else { + var emoticons = + find(wysiwygBody, 'img[data-sceditor-emoticon]'); + + each(emoticons, function (_, img) { + var text = data(img, 'sceditor-emoticon'); + var textNode = wysiwygDocument.createTextNode(text); + img.parentNode.replaceChild(textNode, img); + }); + + off(wysiwygBody, 'keypress', emoticonsKeyPress); + + triggerValueChanged(); + } + + return base; + }; + + /** + * Gets the current WYSIWYG editors inline CSS + * + * @return {string} + * @function + * @name css + * @memberOf SCEditor.prototype + * @since 1.4.3 + */ + /** + * Sets inline CSS for the WYSIWYG editor + * + * @param {string} css + * @return {this} + * @function + * @name css^2 + * @memberOf SCEditor.prototype + * @since 1.4.3 + */ + base.css = function (css$$1) { + if (!inlineCss) { + inlineCss = createElement('style', { + id: 'inline' + }, wysiwygDocument); + + appendChild(wysiwygDocument.head, inlineCss); + } + + if (!isString(css$$1)) { + return inlineCss.styleSheet ? + inlineCss.styleSheet.cssText : inlineCss.innerHTML; + } + + if (inlineCss.styleSheet) { + inlineCss.styleSheet.cssText = css$$1; + } else { + inlineCss.innerHTML = css$$1; + } + + return base; + }; + + /** + * Handles the keydown event, used for shortcuts + * @private + */ + handleKeyDown = function (e) { + var shortcut = [], + SHIFT_KEYS = { + '`': '~', + '1': '!', + '2': '@', + '3': '#', + '4': '$', + '5': '%', + '6': '^', + '7': '&', + '8': '*', + '9': '(', + '0': ')', + '-': '_', + '=': '+', + ';': ': ', + '\'': '"', + ',': '<', + '.': '>', + '/': '?', + '\\': '|', + '[': '{', + ']': '}' + }, + SPECIAL_KEYS = { + 8: 'backspace', + 9: 'tab', + 13: 'enter', + 19: 'pause', + 20: 'capslock', + 27: 'esc', + 32: 'space', + 33: 'pageup', + 34: 'pagedown', + 35: 'end', + 36: 'home', + 37: 'left', + 38: 'up', + 39: 'right', + 40: 'down', + 45: 'insert', + 46: 'del', + 91: 'win', + 92: 'win', + 93: 'select', + 96: '0', + 97: '1', + 98: '2', + 99: '3', + 100: '4', + 101: '5', + 102: '6', + 103: '7', + 104: '8', + 105: '9', + 106: '*', + 107: '+', + 109: '-', + 110: '.', + 111: '/', + 112: 'f1', + 113: 'f2', + 114: 'f3', + 115: 'f4', + 116: 'f5', + 117: 'f6', + 118: 'f7', + 119: 'f8', + 120: 'f9', + 121: 'f10', + 122: 'f11', + 123: 'f12', + 144: 'numlock', + 145: 'scrolllock', + 186: ';', + 187: '=', + 188: ',', + 189: '-', + 190: '.', + 191: '/', + 192: '`', + 219: '[', + 220: '\\', + 221: ']', + 222: '\'' + }, + NUMPAD_SHIFT_KEYS = { + 109: '-', + 110: 'del', + 111: '/', + 96: '0', + 97: '1', + 98: '2', + 99: '3', + 100: '4', + 101: '5', + 102: '6', + 103: '7', + 104: '8', + 105: '9' + }, + which = e.which, + character = SPECIAL_KEYS[which] || + String.fromCharCode(which).toLowerCase(); + + if (e.ctrlKey || e.metaKey) { + shortcut.push('ctrl'); + } + + if (e.altKey) { + shortcut.push('alt'); + } + + if (e.shiftKey) { + shortcut.push('shift'); + + if (NUMPAD_SHIFT_KEYS[which]) { + character = NUMPAD_SHIFT_KEYS[which]; + } else if (SHIFT_KEYS[character]) { + character = SHIFT_KEYS[character]; + } + } + + // Shift is 16, ctrl is 17 and alt is 18 + if (character && (which < 16 || which > 18)) { + shortcut.push(character); + } + + shortcut = shortcut.join('+'); + if (shortcutHandlers[shortcut] && + shortcutHandlers[shortcut].call(base) === false) { + + e.stopPropagation(); + e.preventDefault(); + } + }; + + /** + * Adds a shortcut handler to the editor + * @param {string} shortcut + * @param {String|Function} cmd + * @return {sceditor} + */ + base.addShortcut = function (shortcut, cmd) { + shortcut = shortcut.toLowerCase(); + + if (isString(cmd)) { + shortcutHandlers[shortcut] = function () { + handleCommand(toolbarButtons[cmd], base.commands[cmd]); + + return false; + }; + } else { + shortcutHandlers[shortcut] = cmd; + } + + return base; + }; + + /** + * Removes a shortcut handler + * @param {string} shortcut + * @return {sceditor} + */ + base.removeShortcut = function (shortcut) { + delete shortcutHandlers[shortcut.toLowerCase()]; + + return base; + }; + + /** + * Handles the backspace key press + * + * Will remove block styling like quotes/code ect if at the start. + * @private + */ + handleBackSpace = function (e) { + var node, offset, range, parent$$1; + + // 8 is the backspace key + if (options.disableBlockRemove || e.which !== 8 || + !(range = rangeHelper.selectedRange())) { + return; + } + + node = range.startContainer; + offset = range.startOffset; + + if (offset !== 0 || !(parent$$1 = currentStyledBlockNode()) || + is(parent$$1, 'body')) { + return; + } + + while (node !== parent$$1) { + while (node.previousSibling) { + node = node.previousSibling; + + // Everything but empty text nodes before the cursor + // should prevent the style from being removed + if (node.nodeType !== TEXT_NODE || node.nodeValue) { + return; + } + } + + if (!(node = node.parentNode)) { + return; + } + } + + // The backspace was pressed at the start of + // the container so clear the style + base.clearBlockFormatting(parent$$1); + e.preventDefault(); + }; + + /** + * Gets the first styled block node that contains the cursor + * @return {HTMLElement} + */ + currentStyledBlockNode = function () { + var block = currentBlockNode; + + while (!hasStyling(block) || isInline(block, true)) { + if (!(block = block.parentNode) || is(block, 'body')) { + return; + } + } + + return block; + }; + + /** + * Clears the formatting of the passed block element. + * + * If block is false, if will clear the styling of the first + * block level element that contains the cursor. + * @param {HTMLElement} block + * @since 1.4.4 + */ + base.clearBlockFormatting = function (block) { + block = block || currentStyledBlockNode(); + + if (!block || is(block, 'body')) { + return base; + } + + rangeHelper.saveRange(); + + block.className = ''; + lastRange = null; + + attr(block, 'style', ''); + + if (!is(block, 'p,div,td')) { + convertElement(block, 'p'); + } + + rangeHelper.restoreRange(); + return base; + }; + + /** + * Triggers the valueChanged signal if there is + * a plugin that handles it. + * + * If rangeHelper.saveRange() has already been + * called, then saveRange should be set to false + * to prevent the range being saved twice. + * + * @since 1.4.5 + * @param {boolean} saveRange If to call rangeHelper.saveRange(). + * @private + */ + triggerValueChanged = function (saveRange) { + if (!pluginManager || + (!pluginManager.hasHandler('valuechangedEvent') && + !triggerValueChanged.hasHandler)) { + return; + } + + var currentHtml, + sourceMode = base.sourceMode(), + hasSelection = !sourceMode && rangeHelper.hasSelection(); + + // Composition end isn't guaranteed to fire but must have + // ended when triggerValueChanged() is called so reset it + isComposing = false; + + // Don't need to save the range if sceditor-start-marker + // is present as the range is already saved + saveRange = saveRange !== false && + !wysiwygDocument.getElementById('sceditor-start-marker'); + + // Clear any current timeout as it's now been triggered + if (valueChangedKeyUpTimer) { + clearTimeout(valueChangedKeyUpTimer); + valueChangedKeyUpTimer = false; + } + + if (hasSelection && saveRange) { + rangeHelper.saveRange(); + } + + currentHtml = sourceMode ? sourceEditor.value : wysiwygBody.innerHTML; + + // Only trigger if something has actually changed. + if (currentHtml !== triggerValueChanged.lastVal) { + triggerValueChanged.lastVal = currentHtml; + + trigger(editorContainer, 'valuechanged', { + rawValue: sourceMode ? base.val() : currentHtml + }); + } + + if (hasSelection && saveRange) { + rangeHelper.removeMarkers(); + } + }; + + /** + * Should be called whenever there is a blur event + * @private + */ + valueChangedBlur = function () { + if (valueChangedKeyUpTimer) { + triggerValueChanged(); + } + }; + + /** + * Should be called whenever there is a keypress event + * @param {Event} e The keypress event + * @private + */ + valueChangedKeyUp = function (e) { + var which = e.which, + lastChar = valueChangedKeyUp.lastChar, + lastWasSpace = (lastChar === 13 || lastChar === 32), + lastWasDelete = (lastChar === 8 || lastChar === 46); + + valueChangedKeyUp.lastChar = which; + + if (isComposing) { + return; + } + + // 13 = return & 32 = space + if (which === 13 || which === 32) { + if (!lastWasSpace) { + triggerValueChanged(); + } else { + valueChangedKeyUp.triggerNext = true; + } + // 8 = backspace & 46 = del + } else if (which === 8 || which === 46) { + if (!lastWasDelete) { + triggerValueChanged(); + } else { + valueChangedKeyUp.triggerNext = true; + } + } else if (valueChangedKeyUp.triggerNext) { + triggerValueChanged(); + valueChangedKeyUp.triggerNext = false; + } + + // Clear the previous timeout and set a new one. + clearTimeout(valueChangedKeyUpTimer); + + // Trigger the event 1.5s after the last keypress if space + // isn't pressed. This might need to be lowered, will need + // to look into what the slowest average Chars Per Min is. + valueChangedKeyUpTimer = setTimeout(function () { + if (!isComposing) { + triggerValueChanged(); + } + }, 1500); + }; + + handleComposition = function (e) { + isComposing = /start/i.test(e.type); + + if (!isComposing) { + triggerValueChanged(); + } + }; + + autoUpdate = function () { + base.updateOriginal(); + }; + + // run the initializer + init(); + } + + + /** + * Map containing the loaded SCEditor locales + * @type {Object} + * @name locale + * @memberOf sceditor + */ + SCEditor.locale = {}; + + SCEditor.formats = {}; + SCEditor.icons = {}; + + + /** + * Static command helper class + * @class command + * @name sceditor.command + */ + SCEditor.command = + /** @lends sceditor.command */ + { + /** + * Gets a command + * + * @param {string} name + * @return {Object|null} + * @since v1.3.5 + */ + get: function (name) { + return defaultCmds[name] || null; + }, + + /** + *

    Adds a command to the editor or updates an existing + * command if a command with the specified name already exists.

    + * + *

    Once a command is add it can be included in the toolbar by + * adding it's name to the toolbar option in the constructor. It + * can also be executed manually by calling + * {@link sceditor.execCommand}

    + * + * @example + * SCEditor.command.set("hello", + * { + * exec: function () { + * alert("Hello World!"); + * } + * }); + * + * @param {string} name + * @param {Object} cmd + * @return {this|false} Returns false if name or cmd is false + * @since v1.3.5 + */ + set: function (name, cmd) { + if (!name || !cmd) { + return false; + } + + // merge any existing command properties + cmd = extend(defaultCmds[name] || {}, cmd); + + cmd.remove = function () { + SCEditor.command.remove(name); + }; + + defaultCmds[name] = cmd; + return this; + }, + + /** + * Removes a command + * + * @param {string} name + * @return {this} + * @since v1.3.5 + */ + remove: function (name) { + if (defaultCmds[name]) { + delete defaultCmds[name]; + } + + return this; + } + }; + + /** + * SCEditor + * http://www.sceditor.com/ + * + * Copyright (C) 2017, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + * + * @fileoverview SCEditor - A lightweight WYSIWYG BBCode and HTML editor + * @author Sam Clarke + */ + + window.sceditor = { + command: SCEditor.command, + commands: defaultCmds, + defaultOptions: defaultOptions, + + ie: ie, + ios: ios, + isWysiwygSupported: isWysiwygSupported, + + regexEscape: regex, + escapeEntities: entities, + escapeUriScheme: uriScheme, + + dom: { + css: css, + attr: attr, + removeAttr: removeAttr, + is: is, + closest: closest, + width: width, + height: height, + traverse: traverse, + rTraverse: rTraverse, + parseHTML: parseHTML, + hasStyling: hasStyling, + convertElement: convertElement, + blockLevelList: blockLevelList, + canHaveChildren: canHaveChildren, + isInline: isInline, + copyCSS: copyCSS, + fixNesting: fixNesting, + findCommonAncestor: findCommonAncestor, + getSibling: getSibling, + removeWhiteSpace: removeWhiteSpace, + extractContents: extractContents, + getOffset: getOffset, + getStyle: getStyle, + hasStyle: hasStyle + }, + locale: SCEditor.locale, + icons: SCEditor.icons, + utils: { + each: each, + isEmptyObject: isEmptyObject, + extend: extend + }, + plugins: PluginManager.plugins, + formats: SCEditor.formats, + create: function (textarea, options) { + options = options || {}; + + // Don't allow the editor to be initialised + // on it's own source editor + if (parent(textarea, '.sceditor-container')) { + return; + } + + if (options.runWithoutWysiwygSupport || isWysiwygSupported) { + /*eslint no-new: off*/ + (new SCEditor(textarea, options)); + } + }, + instance: function (textarea) { + return textarea._sceditor; + } + }; + + /** + * SCEditor + * http://www.sceditor.com/ + * + * Copyright (C) 2017, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + * + * @fileoverview SCEditor - A lightweight WYSIWYG BBCode and HTML editor + * @author Sam Clarke + * @requires jQuery + */ + + // For backwards compatibility + $.sceditor = window.sceditor; + + /** + * Creates an instance of sceditor on all textareas + * matched by the jQuery selector. + * + * If options is set to "state" it will return bool value + * indicating if the editor has been initialised on the + * matched textarea(s). If there is only one textarea + * it will return the bool value for that textarea. + * If more than one textarea is matched it will + * return an array of bool values for each textarea. + * + * If options is set to "instance" it will return the + * current editor instance for the textarea(s). Like the + * state option, if only one textarea is matched this will + * return just the instance for that textarea. If more than + * one textarea is matched it will return an array of + * instances each textarea. + * + * @param {Object|string} [options] Should either be an Object of options or + * the strings "state" or "instance" + * @return {this|Array|Array|SCEditor|boolean} + */ + $.fn.sceditor = function (options) { + var instance; + var ret = []; + + this.each(function () { + instance = this._sceditor; + + // Add state of instance to ret if that is what options is set to + if (options === 'state') { + ret.push(!!instance); + } else if (options === 'instance') { + ret.push(instance); + } else if (!instance) { + $.sceditor.create(this, options); + } + }); + + // If nothing in the ret array then must be init so return this + if (!ret.length) { + return this; + } + + return ret.length === 1 ? ret[0] : ret; + }; + +}(jQuery)); +;/** + * SCEditor XHTML Plugin + * http://www.sceditor.com/ + * + * Copyright (C) 2017, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + * + * @author Sam Clarke + */ +(function (sceditor) { + 'use strict'; + + var IE_VER = sceditor.ie; + + // In IE < 11 a BR at the end of a block level element + // causes a double line break. + var IE_BR_FIX = IE_VER && IE_VER < 11; + + var dom = sceditor.dom; + var utils = sceditor.utils; + + var css = dom.css; + var attr = dom.attr; + var is = dom.is; + var removeAttr = dom.removeAttr; + var convertElement = dom.convertElement; + var extend = utils.extend; + var each = utils.each; + var isEmptyObject = utils.isEmptyObject; + + var getEditorCommand = sceditor.command.get; + + var defaultCommandsOverrides = { + bold: { + txtExec: ['', ''] + }, + italic: { + txtExec: ['', ''] + }, + underline: { + txtExec: ['', ''] + }, + strike: { + txtExec: ['', ''] + }, + subscript: { + txtExec: ['', ''] + }, + superscript: { + txtExec: ['', ''] + }, + left: { + txtExec: ['
    ', '
    '] + }, + center: { + txtExec: ['
    ', '
    '] + }, + right: { + txtExec: ['
    ', '
    '] + }, + justify: { + txtExec: ['
    ', '
    '] + }, + font: { + txtExec: function (caller) { + var editor = this; + + getEditorCommand('font')._dropDown( + editor, + caller, + function (font) { + editor.insertText('', ''); + } + ); + } + }, + size: { + txtExec: function (caller) { + var editor = this; + + getEditorCommand('size')._dropDown( + editor, + caller, + function (size) { + editor.insertText('', ''); + } + ); + } + }, + color: { + txtExec: function (caller) { + var editor = this; + + getEditorCommand('color')._dropDown( + editor, + caller, + function (color) { + editor.insertText('', ''); + } + ); + } + }, + bulletlist: { + txtExec: ['
    • ', '
    '] + }, + orderedlist: { + txtExec: ['
    1. ', '
    '] + }, + table: { + txtExec: ['
    ', '
    '] + }, + horizontalrule: { + txtExec: ['
    '] + }, + code: { + txtExec: ['', ''] + }, + image: { + txtExec: function (caller, selected) { + var editor = this; + + getEditorCommand('image')._dropDown( + editor, + caller, + selected, + function (url, width, height) { + var attrs = ''; + + if (width) { + attrs += ' width="' + width + '"'; + } + + if (height) { + attrs += ' height="' + height + '"'; + } + + editor.insertText( + '' + ); + } + ); + } + }, + email: { + txtExec: function (caller, selected) { + var editor = this; + + getEditorCommand('email')._dropDown( + editor, + caller, + function (url, text) { + editor.insertText( + '' + + (text || selected || url) + + '' + ); + } + ); + } + }, + link: { + txtExec: function (caller, selected) { + var editor = this; + + getEditorCommand('link')._dropDown( + editor, + caller, + function (url, text) { + editor.insertText( + '' + + (text || selected || url) + + '' + ); + } + ); + } + }, + quote: { + txtExec: ['
    ', '
    '] + }, + youtube: { + txtExec: function (caller) { + var editor = this; + + getEditorCommand('youtube')._dropDown( + editor, + caller, + function (id, time) { + editor.insertText( + '' + ); + } + ); + } + }, + rtl: { + txtExec: ['
    ', '
    '] + }, + ltr: { + txtExec: ['
    ', '
    '] + } + }; + + /** + * XHTMLSerializer part of the XHTML plugin. + * + * @class XHTMLSerializer + * @name jQuery.sceditor.XHTMLSerializer + * @since v1.4.1 + */ + sceditor.XHTMLSerializer = function () { + var base = this; + + var opts = { + indentStr: '\t' + }; + + /** + * Array containing the output, used as it's faster + * than string concatenation in slow browsers. + * @type {Array} + * @private + */ + var outputStringBuilder = []; + + /** + * Current indention level + * @type {number} + * @private + */ + var currentIndent = 0; + + // TODO: use escape.entities + /** + * Escapes XHTML entities + * + * @param {string} str + * @return {string} + * @private + */ + function escapeEntities(str) { + var entities = { + '&': '&', + '<': '<', + '>': '>', + '"': '"', + '\xa0': ' ' + }; + + return !str ? '' : str.replace(/[&<>"\xa0]/g, function (entity) { + return entities[entity] || entity; + }); + }; + + /** + * @param {string} str + * @return {string} + * @private + */ + function trim(str) { + return str + // New lines will be shown as spaces so just convert to spaces. + .replace(/[\r\n]/, ' ') + .replace(/[^\S|\u00A0]+/g, ' '); + }; + + /** + * Serializes a node to XHTML + * + * @param {Node} node Node to serialize + * @param {boolean} onlyChildren If to only serialize the nodes + * children and not the node + * itself + * @return {string} The serialized node + * @name serialize + * @memberOf jQuery.sceditor.XHTMLSerializer.prototype + * @since v1.4.1 + */ + base.serialize = function (node, onlyChildren) { + outputStringBuilder = []; + + if (onlyChildren) { + node = node.firstChild; + + while (node) { + serializeNode(node); + node = node.nextSibling; + } + } else { + serializeNode(node); + } + + return outputStringBuilder.join(''); + }; + + /** + * Serializes a node to the outputStringBuilder + * + * @param {Node} node + * @return {void} + * @private + */ + function serializeNode(node, parentIsPre) { + switch (node.nodeType) { + case 1: // element + var tagName = node.nodeName.toLowerCase(); + + // IE comment + if (tagName === '!') { + handleComment(node); + } else { + handleElement(node, parentIsPre); + } + break; + + case 3: // text + handleText(node, parentIsPre); + break; + + case 4: // cdata section + handleCdata(node); + break; + + case 8: // comment + handleComment(node); + break; + + case 9: // document + case 11: // document fragment + handleDoc(node); + break; + + // Ignored types + case 2: // attribute + case 5: // entity ref + case 6: // entity + case 7: // processing instruction + case 10: // document type + case 12: // notation + break; + } + }; + + /** + * Handles doc node + * @param {Node} node + * @return {void} + * @private + */ + function handleDoc(node) { + var child = node.firstChild; + + while (child) { + serializeNode(child); + child = child.nextSibling; + } + }; + + /** + * Handles element nodes + * @param {Node} node + * @return {void} + * @private + */ + function handleElement(node, parentIsPre) { + var child, attr, attrValue, + tagName = node.nodeName.toLowerCase(), + isIframe = tagName === 'iframe', + attrIdx = node.attributes.length, + firstChild = node.firstChild, + // pre || pre-wrap with any vendor prefix + isPre = parentIsPre || + /pre(?:\-wrap)?$/i.test(css(node, 'whiteSpace')), + selfClosing = !node.firstChild && !dom.canHaveChildren(node) && + !isIframe; + + if (is(node, '.sceditor-ignore')) { + return; + } + + output('<' + tagName, !parentIsPre && canIndent(node)); + while (attrIdx--) { + attr = node.attributes[attrIdx]; + + attrValue = attr.value; + + output(' ' + attr.name.toLowerCase() + '="' + + escapeEntities(attrValue) + '"', false); + } + output(selfClosing ? ' />' : '>', false); + + if (!isIframe) { + child = firstChild; + } + + while (child) { + currentIndent++; + + serializeNode(child, isPre); + child = child.nextSibling; + + currentIndent--; + } + + if (!selfClosing) { + output( + '', + !isPre && !isIframe && canIndent(node) && + firstChild && canIndent(firstChild) + ); + } + }; + + /** + * Handles CDATA nodes + * @param {Node} node + * @return {void} + * @private + */ + function handleCdata(node) { + output(''); + }; + + /** + * Handles comment nodes + * @param {Node} node + * @return {void} + * @private + */ + function handleComment(node) { + output(''); + }; + + /** + * Handles text nodes + * @param {Node} node + * @return {void} + * @private + */ + function handleText(node, parentIsPre) { + var text = node.nodeValue; + + if (!parentIsPre) { + text = trim(text); + } + + if (text) { + output(escapeEntities(text), !parentIsPre && canIndent(node)); + } + }; + + /** + * Adds a string to the outputStringBuilder. + * + * The string will be indented unless indent is set to boolean false. + * @param {string} str + * @param {boolean} indent + * @return {void} + * @private + */ + function output(str, indent) { + var i = currentIndent; + + if (indent !== false) { + // Don't add a new line if it's the first element + if (outputStringBuilder.length) { + outputStringBuilder.push('\n'); + } + + while (i--) { + outputStringBuilder.push(opts.indentStr); + } + } + + outputStringBuilder.push(str); + }; + + /** + * Checks if should indent the node or not + * @param {Node} node + * @return {boolean} + * @private + */ + function canIndent(node) { + var prev = node.previousSibling; + + if (node.nodeType !== 1 && prev) { + return !dom.isInline(prev); + } + + // first child of a block element + if (!prev && !dom.isInline(node.parentNode)) { + return true; + } + + return !dom.isInline(node); + }; + }; + + /** + * SCEditor XHTML plugin + * @class xhtml + * @name jQuery.sceditor.plugins.xhtml + * @since v1.4.1 + */ + function xhtmlFormat() { + var base = this; + + /** + * Tag converters cache + * @type {Object} + * @private + */ + var tagConvertersCache = {}; + + /** + * Attributes filter cache + * @type {Object} + * @private + */ + var attrsCache = {}; + + /** + * Init + * @return {void} + */ + base.init = function () { + if (!isEmptyObject(xhtmlFormat.converters || {})) { + each( + xhtmlFormat.converters, + function (idx, converter) { + each(converter.tags, function (tagname) { + if (!tagConvertersCache[tagname]) { + tagConvertersCache[tagname] = []; + } + + tagConvertersCache[tagname].push(converter); + }); + } + ); + } + + this.commands = extend(true, + {}, defaultCommandsOverrides, this.commands); + }; + + /** + * Converts the WYSIWYG content to XHTML + * + * @param {boolean} isFragment + * @param {string} html + * @param {Document} context + * @param {HTMLElement} [parent] + * @return {string} + * @memberOf jQuery.sceditor.plugins.xhtml.prototype + */ + function toSource(isFragment, html, context) { + var xhtml, + container = context.createElement('div'); + container.innerHTML = html; + + css(container, 'visibility', 'hidden'); + context.body.appendChild(container); + + convertTags(container); + removeTags(container); + removeAttribs(container); + + if (!isFragment) { + wrapInlines(container); + } + + xhtml = (new sceditor.XHTMLSerializer()).serialize(container, true); + + context.body.removeChild(container); + + return xhtml; + }; + + base.toSource = toSource.bind(null, false); + + base.fragmentToSource = toSource.bind(null, true);; + + /** + * Runs all converters for the specified tagName + * against the DOM node. + * @param {string} tagName + * @return {Node} node + * @private + */ + function convertNode(tagName, node) { + if (!tagConvertersCache[tagName]) { + return; + } + + tagConvertersCache[tagName].forEach(function (converter) { + if (converter.tags[tagName]) { + each(converter.tags[tagName], function (attr, values) { + if (!node.getAttributeNode) { + return; + } + + attr = node.getAttributeNode(attr); + + if (!attr || values && values.indexOf(attr.value) < 0) { + return; + } + + converter.conv.call(base, node); + }); + } else if (converter.conv) { + converter.conv.call(base, node); + } + }); + }; + + /** + * Converts any tags/attributes to their XHTML equivalents + * @param {Node} node + * @return {void} + * @private + */ + function convertTags(node) { + dom.traverse(node, function (node) { + var tagName = node.nodeName.toLowerCase(); + + convertNode('*', node); + convertNode(tagName, node); + }, true); + }; + + /** + * Tests if a node is empty and can be removed. + * + * @param {Node} node + * @return {boolean} + * @private + */ + function isEmpty(node, excludeBr) { + var rect, + childNodes = node.childNodes, + tagName = node.nodeName.toLowerCase(), + nodeValue = node.nodeValue, + childrenLength = childNodes.length, + allowedEmpty = xhtmlFormat.allowedEmptyTags || []; + + if (excludeBr && tagName === 'br') { + return true; + } + + if (is(node, '.sceditor-ignore')) { + return true; + } + + if (allowedEmpty.indexOf(tagName) > -1 || tagName === 'td' || + !dom.canHaveChildren(node)) { + + return false; + } + + // \S|\u00A0 = any non space char + if (nodeValue && /\S|\u00A0/.test(nodeValue)) { + return false; + } + + while (childrenLength--) { + if (!isEmpty(childNodes[childrenLength], + excludeBr && !node.previousSibling && !node.nextSibling)) { + return false; + } + } + + // Treat tags with a width and height from CSS as not empty + if (node.getBoundingClientRect && + (node.className || node.hasAttributes('style'))) { + rect = node.getBoundingClientRect(); + return !rect.width || !rect.height; + } + + return true; + }; + + /** + * Removes any tags that are not white listed or if no + * tags are white listed it will remove any tags that + * are black listed. + * + * @param {Node} rootNode + * @return {void} + * @private + */ + function removeTags(rootNode) { + dom.traverse(rootNode, function (node) { + var remove, + tagName = node.nodeName.toLowerCase(), + parentNode = node.parentNode, + nodeType = node.nodeType, + isBlock = !dom.isInline(node), + previousSibling = node.previousSibling, + nextSibling = node.nextSibling, + isTopLevel = parentNode === rootNode, + noSiblings = !previousSibling && !nextSibling, + empty = tagName !== 'iframe' && isEmpty(node, + isTopLevel && noSiblings && tagName !== 'br'), + document = node.ownerDocument, + allowedTags = xhtmlFormat.allowedTags, + firstChild = node.firstChild, + disallowedTags = xhtmlFormat.disallowedTags; + + // 3 = text node + if (nodeType === 3) { + return; + } + + if (nodeType === 4) { + tagName = '!cdata'; + } else if (tagName === '!' || nodeType === 8) { + tagName = '!comment'; + } + + if (nodeType === 1) { + // skip empty nlf elements (new lines automatically + // added after block level elements like quotes) + if (is(node, '.sceditor-nlf')) { + if (!firstChild || (!IE_BR_FIX && + node.childNodes.length === 1 && + /br/i.test(firstChild.nodeName))) { + // Mark as empty,it will be removed by the next code + empty = true; + } else { + node.classList.remove('sceditor-nlf'); + + if (!node.className) { + removeAttr(node, 'class'); + } + } + } + } + + if (empty) { + remove = true; + // 3 is text node which do not get filtered + } else if (allowedTags && allowedTags.length) { + remove = (allowedTags.indexOf(tagName) < 0); + } else if (disallowedTags && disallowedTags.length) { + remove = (disallowedTags.indexOf(tagName) > -1); + } + + if (remove) { + if (!empty) { + if (isBlock && previousSibling && + dom.isInline(previousSibling)) { + parentNode.insertBefore( + document.createTextNode(' '), node); + } + + // Insert all the childen after node + while (node.firstChild) { + parentNode.insertBefore(node.firstChild, + nextSibling); + } + + if (isBlock && nextSibling && + dom.isInline(nextSibling)) { + parentNode.insertBefore( + document.createTextNode(' '), nextSibling); + } + } + + parentNode.removeChild(node); + } + }, true); + }; + + /** + * Merges two sets of attribute filters into one + * + * @param {Object} filtersA + * @param {Object} filtersB + * @return {Object} + * @private + */ + function mergeAttribsFilters(filtersA, filtersB) { + var ret = {}; + + if (filtersA) { + extend(ret, filtersA); + } + + if (!filtersB) { + return ret; + } + + each(filtersB, function (attrName, values) { + if (Array.isArray(values)) { + ret[attrName] = (ret[attrName] || []).concat(values); + } else if (!ret[attrName]) { + ret[attrName] = null; + } + }); + + return ret; + }; + + /** + * Wraps adjacent inline child nodes of root + * in paragraphs. + * + * @param {Node} root + * @private + */ + function wrapInlines(root) { + // Strip empty text nodes so they don't get wrapped. + dom.removeWhiteSpace(root); + + var wrapper; + var node = root.firstChild; + var next; + while (node) { + next = node.nextSibling; + + if (dom.isInline(node) && !is(node, '.sceditor-ignore')) { + if (!wrapper) { + wrapper = root.ownerDocument.createElement('p'); + node.parentNode.insertBefore(wrapper, node); + } + + wrapper.appendChild(node); + } else { + wrapper = null; + } + + node = next; + } + }; + + /** + * Removes any attributes that are not white listed or + * if no attributes are white listed it will remove + * any attributes that are black listed. + * @param {Node} node + * @return {void} + * @private + */ + function removeAttribs(node) { + var tagName, attr, attrName, attrsLength, validValues, remove, + allowedAttribs = xhtmlFormat.allowedAttribs, + isAllowed = allowedAttribs && + !isEmptyObject(allowedAttribs), + disallowedAttribs = xhtmlFormat.disallowedAttribs, + isDisallowed = disallowedAttribs && + !isEmptyObject(disallowedAttribs); + + attrsCache = {}; + + dom.traverse(node, function (node) { + if (!node.attributes) { + return; + } + + tagName = node.nodeName.toLowerCase(); + attrsLength = node.attributes.length; + + if (attrsLength) { + if (!attrsCache[tagName]) { + if (isAllowed) { + attrsCache[tagName] = mergeAttribsFilters( + allowedAttribs['*'], + allowedAttribs[tagName] + ); + } else { + attrsCache[tagName] = mergeAttribsFilters( + disallowedAttribs['*'], + disallowedAttribs[tagName] + ); + } + } + + while (attrsLength--) { + attr = node.attributes[attrsLength]; + attrName = attr.name; + validValues = attrsCache[tagName][attrName]; + remove = false; + + if (isAllowed) { + remove = validValues !== null && + (!Array.isArray(validValues) || + validValues.indexOf(attr.value) < 0); + } else if (isDisallowed) { + remove = validValues === null || + (Array.isArray(validValues) && + validValues.indexOf(attr.value) > -1); + } + + if (remove) { + node.removeAttribute(attrName); + } + } + } + }); + }; + }; + + /** + * Tag conveters, a converter is applied to all + * tags that match the criteria. + * @type {Array} + * @name jQuery.sceditor.plugins.xhtml.converters + * @since v1.4.1 + */ + xhtmlFormat.converters = [ + { + tags: { + '*': { + width: null + } + }, + conv: function (node) { + css(node, 'width', attr(node, 'width')); + removeAttr(node, 'width'); + } + }, + { + tags: { + '*': { + height: null + } + }, + conv: function (node) { + css(node, 'height', attr(node, 'height')); + removeAttr(node, 'height'); + } + }, + { + tags: { + 'li': { + value: null + } + }, + conv: function (node) { + removeAttr(node, 'value'); + } + }, + { + tags: { + '*': { + text: null + } + }, + conv: function (node) { + css(node, 'color', attr(node, 'text')); + removeAttr(node, 'text'); + } + }, + { + tags: { + '*': { + color: null + } + }, + conv: function (node) { + css(node, 'color', attr(node, 'color')); + removeAttr(node, 'color'); + } + }, + { + tags: { + '*': { + face: null + } + }, + conv: function (node) { + css(node, 'fontFamily', attr(node, 'face')); + removeAttr(node, 'face'); + } + }, + { + tags: { + '*': { + align: null + } + }, + conv: function (node) { + css(node, 'textAlign', attr(node, 'align')); + removeAttr(node, 'align'); + } + }, + { + tags: { + '*': { + border: null + } + }, + conv: function (node) { + css(node, 'borderWidth', attr(node, 'border')); + removeAttr(node, 'border'); + } + }, + { + tags: { + applet: { + name: null + }, + img: { + name: null + }, + layer: { + name: null + }, + map: { + name: null + }, + object: { + name: null + }, + param: { + name: null + } + }, + conv: function (node) { + if (!attr(node, 'id')) { + attr(node, 'id', attr(node, 'name')); + } + + removeAttr(node, 'name'); + } + }, + { + tags: { + '*': { + vspace: null + } + }, + conv: function (node) { + css(node, 'marginTop', attr(node, 'vspace') - 0); + css(node, 'marginBottom', attr(node, 'vspace') - 0); + removeAttr(node, 'vspace'); + } + }, + { + tags: { + '*': { + hspace: null + } + }, + conv: function (node) { + css(node, 'marginLeft', attr(node, 'hspace') - 0); + css(node, 'marginRight', attr(node, 'hspace') - 0); + removeAttr(node, 'hspace'); + } + }, + { + tags: { + 'hr': { + noshade: null + } + }, + conv: function (node) { + css(node, 'borderStyle', 'solid'); + removeAttr(node, 'noshade'); + } + }, + { + tags: { + '*': { + nowrap: null + } + }, + conv: function (node) { + css(node, 'whiteSpace', 'nowrap'); + removeAttr(node, 'nowrap'); + } + }, + { + tags: { + big: null + }, + conv: function (node) { + css(convertElement(node, 'span'), 'fontSize', 'larger'); + } + }, + { + tags: { + small: null + }, + conv: function (node) { + css(convertElement(node, 'span'), 'fontSize', 'smaller'); + } + }, + { + tags: { + b: null + }, + conv: function (node) { + convertElement(node, 'strong'); + } + }, + { + tags: { + u: null + }, + conv: function (node) { + css(convertElement(node, 'span'), 'textDecoration', + 'underline'); + } + }, + { + tags: { + s: null, + strike: null + }, + conv: function (node) { + css(convertElement(node, 'span'), 'textDecoration', + 'line-through'); + } + }, + { + tags: { + dir: null + }, + conv: function (node) { + convertElement(node, 'ul'); + } + }, + { + tags: { + center: null + }, + conv: function (node) { + css(convertElement(node, 'div'), 'textAlign', 'center'); + } + }, + { + tags: { + font: { + size: null + } + }, + conv: function (node) { + css(node, 'fontSize', css(node, 'fontSize')); + removeAttr(node, 'size'); + } + }, + { + tags: { + font: null + }, + conv: function (node) { + // All it's attributes will be converted + // by the attribute converters + convertElement(node, 'span'); + } + }, + { + tags: { + '*': { + type: ['_moz'] + } + }, + conv: function (node) { + removeAttr(node, 'type'); + } + }, + { + tags: { + '*': { + '_moz_dirty': null + } + }, + conv: function (node) { + removeAttr(node, '_moz_dirty'); + } + }, + { + tags: { + '*': { + '_moz_editor_bogus_node': null + } + }, + conv: function (node) { + node.parentNode.removeChild(node); + } + } + ]; + + /** + * Allowed attributes map. + * + * To allow an attribute for all tags use * as the tag name. + * + * Leave empty or null to allow all attributes. (the disallow + * list will be used to filter them instead) + * @type {Object} + * @name jQuery.sceditor.plugins.xhtml.allowedAttribs + * @since v1.4.1 + */ + xhtmlFormat.allowedAttribs = {}; + + /** + * Attributes that are not allowed. + * + * Only used if allowed attributes is null or empty. + * @type {Object} + * @name jQuery.sceditor.plugins.xhtml.disallowedAttribs + * @since v1.4.1 + */ + xhtmlFormat.disallowedAttribs = {}; + + /** + * Array containing all the allowed tags. + * + * If null or empty all tags will be allowed. + * @type {Array} + * @name jQuery.sceditor.plugins.xhtml.allowedTags + * @since v1.4.1 + */ + xhtmlFormat.allowedTags = []; + + /** + * Array containing all the disallowed tags. + * + * Only used if allowed tags is null or empty. + * @type {Array} + * @name jQuery.sceditor.plugins.xhtml.disallowedTags + * @since v1.4.1 + */ + xhtmlFormat.disallowedTags = []; + + /** + * Array containing tags which should not be removed when empty. + * + * @type {Array} + * @name jQuery.sceditor.plugins.xhtml.allowedEmptyTags + * @since v2.0.0 + */ + xhtmlFormat.allowedEmptyTags = []; + + sceditor.formats.xhtml = xhtmlFormat; +}(sceditor)); diff --git a/public/assets/development/plugins/autosave.js b/public/assets/development/plugins/autosave.js new file mode 100644 index 0000000..950aca2 --- /dev/null +++ b/public/assets/development/plugins/autosave.js @@ -0,0 +1,105 @@ +/** + * SCEditor AutoSave Plugin + * http://www.sceditor.com/ + * + * Copyright (C) 2017, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + * + * @author Sam Clarke + */ +(function (sceditor) { + 'use strict'; + + var defaultKey = 'sce-autodraft-' + location.pathname + location.search; + + function clear(key) { + localStorage.removeItem(key || defaultKey); + } + + sceditor.plugins.autosave = function () { + var base = this; + var editor; + var storageKey = defaultKey; + // 86400000 = 24 hrs (24 * 60 * 60 * 1000) + var expires = 86400000; + var saveHandler = function (value) { + localStorage.setItem(storageKey, JSON.stringify(value)); + }; + var loadHandler = function () { + return JSON.parse(localStorage.getItem(storageKey)); + }; + + function gc() { + for (var i = 0; i < localStorage.length; i++) { + var key = localStorage.key(i); + + if (/^sce\-autodraft\-/.test(key)) { + var item = JSON.parse(localStorage.getItem(storageKey)); + if (item && item.time < Date.now() - expires) { + clear(key); + } + } + } + } + + base.init = function () { + editor = this; + var opts = editor.opts && editor.opts.autosave || {}; + + saveHandler = opts.save || saveHandler; + loadHandler = opts.load || loadHandler; + storageKey = opts.storageKey || storageKey; + expires = opts.expires || expires; + + gc(); + }; + + base.signalReady = function () { + // Add submit event listener to clear autosave + var parent = editor.getContentAreaContainer(); + while (parent) { + if (/form/i.test(parent.nodeName)) { + parent.addEventListener( + 'submit', clear.bind(null, storageKey), true + ); + break; + } + + parent = parent.parentNode; + } + + var state = loadHandler(); + if (state) { + editor.sourceMode(state.sourceMode); + editor.val(state.value, false); + editor.focus(); + + if (state.sourceMode) { + editor.sourceEditorCaret(state.caret); + } else { + editor.getRangeHelper().restoreRange(); + } + } + + saveHandler({ + caret: this.sourceEditorCaret(), + sourceMode: this.sourceMode(), + value: editor.val(null, false), + time: Date.now() + }); + }; + + base.signalValuechangedEvent = function (e) { + saveHandler({ + caret: this.sourceEditorCaret(), + sourceMode: this.sourceMode(), + value: e.detail.rawValue, + time: Date.now() + }); + }; + }; + + sceditor.plugins.autosave.clear = clear; +}(sceditor)); diff --git a/public/assets/development/plugins/autoyoutube.js b/public/assets/development/plugins/autoyoutube.js new file mode 100644 index 0000000..3f3ea39 --- /dev/null +++ b/public/assets/development/plugins/autoyoutube.js @@ -0,0 +1,94 @@ +/** + * SCEditor Auto Youtube Plugin + * http://www.sceditor.com/ + * + * Copyright (C) 2016, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + * + * @author Sam Clarke + */ +(function (document, sceditor) { + 'use strict'; + + var dom = sceditor.dom; + + /* + (^|\s) Start of line or space + (?:https?:\/\/)? Optional scheme like http:// + (?:www\.)? Optional www. prefix + (?: + youtu\.be\/ Ends with .be/ so whatever comes next is the ID + | + youtube\.com\/watch\?v= Matches the .com version + ) + ([^"&?\/ ]{11}) The actual YT ID + (?:\&[\&_\?0-9a-z\#]+)? Any extra URL params + (\s|$) End of line or space + */ + var ytUrlRegex = /(^|\s)(?:https?:\/\/)?(?:www\.)?(?:youtu\.be\/|youtube\.com\/watch\?v=)([^"&?\/ ]{11})(?:\&[\&_\?0-9a-z\#]+)?(\s|$)/i; + + function youtubeEmbedCode(id) { + return ''; + } + + function convertYoutubeLinks(root) { + var node = root.firstChild; + + while (node) { + // 3 is TextNodes + if (node.nodeType === 3) { + var text = node.nodeValue; + var parent = node.parentNode; + var match = text.match(ytUrlRegex); + + if (match) { + parent.insertBefore(document.createTextNode( + text.substr(0, match.index) + match[1] + ), node); + + parent.insertBefore( + dom.parseHTML(youtubeEmbedCode(match[2])), node + ); + + node.nodeValue = match[3] + + text.substr(match.index + match[0].length); + } + } else { + // TODO: Make this tag configurable. + if (!dom.is(node, 'code')) { + convertYoutubeLinks(node); + } + } + + node = node.nextSibling; + } + }; + + sceditor.plugins.autoyoutube = function () { + this.signalPasteRaw = function (data) { + // TODO: Make this tag configurable. + // Skip code tags + if (dom.closest(this.currentNode(), 'code')) { + return; + } + + if (data.html || data.text) { + var html = document.createElement('div'); + + if (data.html) { + html.innerHTML = data.html; + } else { + html.textContent = data.text; + } + + convertYoutubeLinks(html); + + data.html = html.innerHTML; + } + }; + }; +})(document, sceditor); diff --git a/public/assets/development/plugins/dragdrop.js b/public/assets/development/plugins/dragdrop.js new file mode 100644 index 0000000..b050309 --- /dev/null +++ b/public/assets/development/plugins/dragdrop.js @@ -0,0 +1,222 @@ +/** + * SCEditor Drag and Drop Plugin + * http://www.sceditor.com/ + * + * Copyright (C) 2017, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + * + * @author Sam Clarke + */ +(function (sceditor) { + 'use strict'; + + /** + * Place holder GIF shown while image is loading. + * @type {string} + * @private + */ + var loadingGif = 'data:image/gif;base64,R0lGODlhlgBkAPABAH19ffb29iH5BAAK' + + 'AAAAIf4aQ3JlYXRlZCB3aXRoIGFqYXhsb2FkLmluZm8AIf8LTkVUU0NBUEUyLjADAQA' + + 'AACwAAAAAlgBkAAAC1YyPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gvH8kzX9o3n+s' + + '73/g8MCofEovGITCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0u' + + 'v2OvwD2fP6iD/gH6Pc2GIhg2JeQSNjGuLf4GMlYKIloefAIUEl52ZmJyaY5mUhqyFnq' + + 'mQr6KRoaMKp66hbLumpQ69oK+5qrOyg4a6qYV2x8jJysvMzc7PwMHS09TV1tfY2drb3' + + 'N3e39DR4uPk5ebn6Onq6+zt7u/g4fL99UAAAh+QQACgAAACwAAAAAlgBkAIEAAAB9fX' + + '329vYAAAAC3JSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gvH8kzX9o3n+s73/g8MC' + + 'ofEovGITCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2OvwD2' + + 'fP4iABgY+CcoCNeHuJdQyLjIaOiWiOj4CEhZ+SbZd/nI2RipqYhQOThKGpAZCuBZyAr' + + 'ZprpqSupaCqtaazmLCRqai7rb2av5W5wqSShcm8fc7PwMHS09TV1tfY2drb3N3e39DR' + + '4uPk5ebn6Onq6+zt7u/g4fLz9PX29/j5/vVAAAIfkEAAoAAAAsAAAAAJYAZACBAAAAf' + + 'X199vb2AAAAAuCUj6nL7Q+jnLTai7PevPsPhuJIluaJpurKtu4Lx/JM1/aN5/rO9/4P' + + 'DAqHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9Lr9jr8' + + 'E9nz+AgAYGLjQVwhXiJgguAiYgGjo9tinyCjoKLn3hpmJUGmJsBmguUnpCXCJOZraaX' + + 'oKShoJe9DqehCqKlnqiZobuzrbyvuIO8xqKpxIPKlwrPCbBx0tPU1dbX2Nna29zd3t/' + + 'Q0eLj5OXm5+jp6uvs7e7v4OHy8/T19vf4+fr7/P379UAAAh+QQACgAAACwAAAAAlgBk' + + 'AIEAAAB9fX329vYAAAAC4JSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gvH8kzX9o3' + + 'n+s73/g8MCofEovGITCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+' + + 'f0uv2OvwT2fP6iD7gAMEhICAeImIAYiFDoOPi22KcouZfw6BhZGUBZeYlp6LbJiTD6C' + + 'Qqg6Vm6eQqqKtkZ24iaKtrKunpQa9tmmju7Wwu7KFtMi3oYDMzompkHHS09TV1tfY2d' + + 'rb3N3e39DR4uPk5ebn6Onq6+zt7u/g4fLz9PX29/j5+vv8/f31QAADs='; + + /** + * Basic check for browser support + * @type {boolean} + * @private + */ + var isSupported = typeof window.FileReader !== 'undefined'; + var base64DataUri = /data:[^;]+;base64,/i; + + function base64DataUriToBlob(url) { + // 5 is length of "data:" prefix + var mime = url.substr(5, url.indexOf(';') - 5); + var data = atob(url.substr(url.indexOf(',') + 1)); + /* global Uint8Array */ + var binary = new Uint8Array(data.length); + + for (var i = 0; i < data.length; i++) { + binary[i] = data[i].charCodeAt(0); + } + + try { + return new Blob([binary], { type: mime }); + } catch (e) { + return null; + } + } + + sceditor.plugins.dragdrop = function () { + if (!isSupported) { + return; + } + + var base = this; + var opts; + var editor; + var handleFile; + var container; + var cover; + var placeholderId = 0; + + + function hideCover() { + cover.style.display = 'none'; + container.className = container.className.replace(/(^| )dnd( |$)/g, ''); + } + + function showCover() { + if (cover.style.display === 'none') { + cover.style.display = 'block'; + container.className += ' dnd'; + } + } + + function isAllowed(file) { + // FF sets type to application/x-moz-file until it has been dropped + if (file.type !== 'application/x-moz-file' && opts.allowedTypes && + opts.allowedTypes.indexOf(file.type) < 0) { + return false; + } + + return opts.isAllowed ? opts.isAllowed(file) : true; + }; + + function createHolder(toReplace) { + var placeholder = document.createElement('img'); + placeholder.src = loadingGif; + placeholder.className = 'sceditor-ignore'; + placeholder.id = 'sce-dragdrop-' + placeholderId++; + + function replace(html) { + var node = editor + .getBody() + .ownerDocument + .getElementById(placeholder.id); + + if (node) { + if (typeof html === 'string') { + node.insertAdjacentHTML('afterend', html); + } + + node.parentNode.removeChild(node); + } + } + + return function () { + if (toReplace) { + toReplace.parentNode.replaceChild(placeholder, toReplace); + } else { + editor.wysiwygEditorInsertHtml(placeholder.outerHTML); + } + + return { + insert: function (html) { + replace(html); + }, + cancel: replace + }; + }; + } + + function handleDragOver(e) { + var dt = e.dataTransfer; + var files = dt.files.length || !dt.items ? dt.files : dt.items; + + for (var i = 0; i < files.length; i++) { + // Dragging a string should be left to default + if (files[i].kind === 'string') { + return; + } + } + + showCover(); + e.preventDefault(); + } + + function handleDrop(e) { + var dt = e.dataTransfer; + var files = dt.files.length || !dt.items ? dt.files : dt.items; + + hideCover(); + + for (var i = 0; i < files.length; i++) { + // Dragging a string should be left to default + if (files[i].kind === 'string') { + return; + } + + if (isAllowed(files[i])) { + handleFile(files[i], createHolder()); + } + } + + e.preventDefault(); + } + + base.signalReady = function () { + editor = this; + opts = editor.opts.dragdrop || {}; + handleFile = opts.handleFile; + + container = editor.getContentAreaContainer().parentNode; + + cover = container.appendChild(sceditor.dom.parseHTML( + '' + ).firstChild); + + container.addEventListener('dragover', handleDragOver); + container.addEventListener('dragleave', hideCover); + container.addEventListener('dragend', hideCover); + container.addEventListener('drop', handleDrop); + + editor.getBody().addEventListener('dragover', handleDragOver); + editor.getBody().addEventListener('drop', hideCover); + }; + + base.signalPasteHtml = function (paste) { + if (!('handlePaste' in opts) || opts.handlePaste) { + var div = document.createElement('div'); + div.innerHTML = paste.val; + + var images = div.querySelectorAll('img'); + for (var i = 0; i < images.length; i++) { + var image = images[i]; + + if (base64DataUri.test(image.src)) { + var file = base64DataUriToBlob(image.src); + if (file && isAllowed(file)) { + handleFile(file, createHolder(image)); + } else { + image.parentNode.removeChild(image); + } + } + } + + paste.val = div.innerHTML; + } + }; + }; +})(sceditor); diff --git a/public/assets/development/plugins/format.js b/public/assets/development/plugins/format.js new file mode 100644 index 0000000..bcf4476 --- /dev/null +++ b/public/assets/development/plugins/format.js @@ -0,0 +1,127 @@ +/** + * SCEditor Paragraph Formatting Plugin + * http://www.sceditor.com/ + * + * Copyright (C) 2011-2013, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + * + * @fileoverview SCEditor Paragraph Formatting Plugin + * @author Sam Clarke + */ +(function (sceditor) { + 'use strict'; + + sceditor.plugins.format = function () { + var base = this; + + /** + * Default tags + * @type {Object} + * @private + */ + var tags = { + p: 'Paragraph', + h1: 'Heading 1', + h2: 'Heading 2', + h3: 'Heading 3', + h4: 'Heading 4', + h5: 'Heading 5', + h6: 'Heading 6', + address: 'Address', + pre: 'Preformatted Text' + }; + + /** + * Private functions + * @private + */ + var insertTag, + formatCmd; + + + base.init = function () { + var opts = this.opts, + pOpts = opts.paragraphformat; + + // Don't enable if the BBCode plugin is enabled. + if (opts.format && opts.format === 'bbcode') { + return; + } + + if (pOpts) { + if (pOpts.tags) { + tags = pOpts.tags; + } + + if (pOpts.excludeTags) { + pOpts.excludeTags.forEach(function (val) { + delete tags[val]; + }); + } + } + + if (!this.commands.format) { + this.commands.format = { + exec: formatCmd, + txtExec: formatCmd, + tooltip: 'Format Paragraph' + }; + } + + if (opts.toolbar === sceditor.defaultOptions.toolbar) { + opts.toolbar = opts.toolbar.replace(',color,', + ',color,format,'); + } + }; + + /** + * Inserts the specified tag into the editor + * + * @param {sceditor} editor + * @param {string} tag + * @private + */ + insertTag = function (editor, tag) { + if (editor.sourceMode()) { + editor.insert('<' + tag + '>', ''); + } else { + editor.execCommand('formatblock', '<' + tag + '>'); + } + + }; + + /** + * Function for the exec and txtExec properties + * + * @param {node} caller + * @private + */ + formatCmd = function (caller) { + var editor = this, + content = document.createElement('div'); + + sceditor.utils.each(tags, function (tag, val) { + var link = document.createElement('a'); + link.className = 'sceditor-option'; + link.textContent = val.name || val; + link.addEventListener('click', function (e) { + editor.closeDropDown(true); + + if (val.exec) { + val.exec(editor); + } else { + insertTag(editor, tag); + } + + e.preventDefault(); + }); + + content.appendChild(link); + }); + + editor.createDropDown(caller, 'format', content); + }; + }; +})(sceditor); diff --git a/public/assets/development/plugins/plaintext.js b/public/assets/development/plugins/plaintext.js new file mode 100644 index 0000000..7b2bfc6 --- /dev/null +++ b/public/assets/development/plugins/plaintext.js @@ -0,0 +1,59 @@ +/** + * SCEditor Plain Text Plugin + * http://www.sceditor.com/ + * + * Copyright (C) 2016, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + * + * @author Sam Clarke + */ +(function (sceditor) { + 'use strict'; + + var extend = sceditor.utils.extend; + + /** + * Options: + * + * pastetext.addButton - If to replace the plaintext button with a toggle + * button that enables and disables plain text mode. + * + * pastetext.enabled - If the plain text button should be enabled at start + * up. Only applies if addButton is enabled. + */ + sceditor.plugins.plaintext = function () { + var plainTextEnabled = true; + + this.init = function () { + var commands = this.commands; + var opts = this.opts; + + if (opts && opts.plaintext && opts.plaintext.addButton) { + plainTextEnabled = opts.plaintext.enabled; + + commands.pastetext = extend(commands.pastetext || {}, { + state: function () { + return plainTextEnabled ? 1 : 0; + }, + exec: function () { + plainTextEnabled = !plainTextEnabled; + } + }); + } + }; + + this.signalPasteRaw = function (data) { + if (plainTextEnabled) { + if (data.html && !data.text) { + var div = document.createElement('div'); + div.innerHTML = data.html; + data.text = div.innerText; + } + + data.html = null; + } + }; + }; +}(sceditor)); diff --git a/public/assets/development/plugins/strictbbcode.js b/public/assets/development/plugins/strictbbcode.js new file mode 100644 index 0000000..da23bbf --- /dev/null +++ b/public/assets/development/plugins/strictbbcode.js @@ -0,0 +1,21 @@ +/** + * SCEditor Strict BBCode Plugin + * http://www.sceditor.com/ + * + * Copyright (C) 2016, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + * + * @author Sam Clarke + */ +// (function (sceditor) { +// 'use strict'; + +// // var extend = sceditor.utils.extend; + +// sceditor.plugins.strictbbcode = function () { +// // override bbcode plugin add and update default bbcodes to have attrs +// // and override their exec funcs +// }; +// }(sceditor)); diff --git a/public/assets/development/plugins/undo.js b/public/assets/development/plugins/undo.js new file mode 100644 index 0000000..2974598 --- /dev/null +++ b/public/assets/development/plugins/undo.js @@ -0,0 +1,187 @@ +(function (sceditor) { + 'use strict'; + + sceditor.plugins.undo = function () { + var base = this; + var editor; + var charChangedCount = 0; + var previousValue; + + var undoLimit = 50; + var redoStates = []; + var undoStates = []; + var ignoreNextValueChanged = false; + + /** + * Sets the editor to the specified state. + * + * @param {Object} state + * @private + */ + var applyState = function (state) { + ignoreNextValueChanged = true; + + previousValue = state.value; + + editor.sourceMode(state.sourceMode); + editor.val(state.value, false); + editor.focus(); + + if (state.sourceMode) { + editor.sourceEditorCaret(state.caret); + } else { + editor.getRangeHelper().restoreRange(); + } + + ignoreNextValueChanged = false; + }; + + + /** + * Calculates the number of characters that have changed + * between two strings. + * + * @param {String} strA + * @param {String} strB + * @return {String} + * @private + */ + var simpleDiff = function (strA, strB) { + var start, end, aLenDiff, bLenDiff, + aLength = strA.length, + bLength = strB.length, + length = Math.max(aLength, bLength); + + // Calculate the start + for (start = 0; start < length; start++) { + if (strA.charAt(start) !== strB.charAt(start)) { + break; + } + } + + // Calculate the end + aLenDiff = aLength < bLength ? bLength - aLength : 0; + bLenDiff = bLength < aLength ? aLength - bLength : 0; + + for (end = length - 1; end >= 0; end--) { + if (strA.charAt(end - aLenDiff) !== + strB.charAt(end - bLenDiff)) { + break; + } + } + + return (end - start) + 1; + }; + + base.init = function () { + // The this variable will be set to the instance of the editor + // calling it, hence why the plugins "this" is saved to the base + // variable. + editor = this; + + undoLimit = editor.undoLimit || undoLimit; + + // addShortcut is the easiest way to add handlers to specific + // shortcuts + editor.addShortcut('ctrl+z', base.undo); + editor.addShortcut('ctrl+shift+z', base.redo); + editor.addShortcut('ctrl+y', base.redo); + }; + + base.undo = function () { + var state = undoStates.pop(); + var rawEditorValue = editor.val(null, false); + + if (state && !redoStates.length && rawEditorValue === state.value) { + state = undoStates.pop(); + } + + if (state) { + if (!redoStates.length) { + redoStates.push({ + 'caret': editor.sourceEditorCaret(), + 'sourceMode': editor.sourceMode(), + 'value': rawEditorValue + }); + } + + redoStates.push(state); + applyState(state); + } + + return false; + }; + + base.redo = function () { + var state = redoStates.pop(); + + if (!undoStates.length) { + undoStates.push(state); + state = redoStates.pop(); + } + + if (state) { + undoStates.push(state); + applyState(state); + } + + return false; + }; + + base.signalReady = function () { + var rawValue = editor.val(null, false); + + // Store the initial value as the last value + previousValue = rawValue; + + undoStates.push({ + 'caret': this.sourceEditorCaret(), + 'sourceMode': this.sourceMode(), + 'value': rawValue + }); + }; + + /** + * Handle the valueChanged signal. + * + * e.rawValue will either be the raw HTML from the WYSIWYG editor with + * the rangeHelper range markers inserted, or it will be the raw value + * of the source editor (BBCode or HTML depending on plugins). + * @return {void} + */ + base.signalValuechangedEvent = function (e) { + var rawValue = e.detail.rawValue; + + if (undoLimit > 0 && undoStates.length > undoLimit) { + undoStates.shift(); + } + + // If the editor hasn't fully loaded yet, + // then the previous value won't be set. + if (ignoreNextValueChanged || !previousValue || + previousValue === rawValue) { + return; + } + + // Value has changed so remove all redo states + redoStates.length = 0; + charChangedCount += simpleDiff(previousValue, rawValue); + + if (charChangedCount < 20) { + return; + // ?? + } else if (charChangedCount < 50 && !/\s$/g.test(e.rawValue)) { + return; + } + + undoStates.push({ + 'caret': editor.sourceEditorCaret(), + 'sourceMode': editor.sourceMode(), + 'value': rawValue + }); + + charChangedCount = 0; + previousValue = rawValue; + }; + }; +}(sceditor)); diff --git a/public/assets/development/plugins/v1compat.js b/public/assets/development/plugins/v1compat.js new file mode 100644 index 0000000..e67e5f3 --- /dev/null +++ b/public/assets/development/plugins/v1compat.js @@ -0,0 +1,97 @@ +/** + * Version 1 compatibility plugin + * + * Patches commands and BBCodes set with + * command.set and bbcode.set to wrap DOM + * node arguments in jQuery objects. + * + * Should only be used to ease migrating. + */ +(function (sceditor, $) { + 'use strict'; + + var plugins = sceditor.plugins; + + /** + * Patches a method to wrap and DOM nodes in a jQuery object + * @private + */ + function patchMethodArguments(fn) { + if (fn._scePatched) { + return fn; + } + + var patch = function () { + var args = []; + + for (var i = 0; i < arguments.length; i++) { + var arg = arguments[i]; + + if (arg && arg.nodeType) { + args.push($(arg)); + } else { + args.push(arg); + } + } + + return fn.apply(this, args); + }; + + patch._scePatched = true; + return patch; + } + + /** + * Patches a method to wrap any return value in a jQuery object + * @private + */ + function patchMethodReturn(fn) { + if (fn._scePatched) { + return fn; + } + + var patch = function () { + return $(fn.apply(this, arguments)); + }; + + patch._scePatched = true; + return patch; + } + + var oldSet = sceditor.command.set; + sceditor.command.set = function (name, cmd) { + if (cmd && typeof cmd.exec === 'function') { + cmd.exec = patchMethodArguments(cmd.exec); + } + + if (cmd && typeof cmd.txtExec === 'function') { + cmd.txtExec = patchMethodArguments(cmd.txtExec); + } + + return oldSet.call(this, name, cmd); + }; + + if (plugins.bbcode) { + var oldBBCodeSet = plugins.bbcode.bbcode.set; + plugins.bbcode.bbcode.set = function (name, bbcode) { + if (bbcode && typeof bbcode.format === 'function') { + bbcode.format = patchMethodArguments(bbcode.format); + } + + return oldBBCodeSet.call(this, name, bbcode); + }; + }; + + var oldCreate = sceditor.create; + sceditor.create = function (textarea, options) { + oldCreate.call(this, textarea, options); + + if (textarea && textarea._sceditor) { + var editor = textarea._sceditor; + + editor.getBody = patchMethodReturn(editor.getBody); + editor.getContentAreaContainer = + patchMethodReturn(editor.getContentAreaContainer); + } + }; +}(sceditor, jQuery)); diff --git a/public/assets/development/sceditor.js b/public/assets/development/sceditor.js new file mode 100644 index 0000000..1d4410d --- /dev/null +++ b/public/assets/development/sceditor.js @@ -0,0 +1,7571 @@ +(function () { + 'use strict'; + + /** + * Check if the passed argument is the + * the passed type. + * + * @param {string} type + * @param {*} arg + * @returns {boolean} + */ + function isTypeof(type, arg) { + return typeof arg === type; + } + + /** + * @type {function(*): boolean} + */ + var isString = isTypeof.bind(null, 'string'); + + /** + * @type {function(*): boolean} + */ + var isUndefined = isTypeof.bind(null, 'undefined'); + + /** + * @type {function(*): boolean} + */ + var isFunction = isTypeof.bind(null, 'function'); + + /** + * @type {function(*): boolean} + */ + var isNumber = isTypeof.bind(null, 'number'); + + + /** + * Returns true if an object has no keys + * + * @param {!Object} obj + * @returns {boolean} + */ + function isEmptyObject(obj) { + return !Object.keys(obj).length; + } + + /** + * Extends the first object with any extra objects passed + * + * If the first argument is boolean and set to true + * it will extend child arrays and objects recursively. + * + * @param {!Object|boolean} targetArg + * @param {...Object} source + * @return {Object} + */ + function extend(targetArg, sourceArg) { + var isTargetBoolean = targetArg === !!targetArg; + var i = isTargetBoolean ? 2 : 1; + var target = isTargetBoolean ? sourceArg : targetArg; + var isDeep = isTargetBoolean ? targetArg : false; + + for (; i < arguments.length; i++) { + var source = arguments[i]; + + // Copy all properties for jQuery compatibility + /* eslint guard-for-in: off */ + for (var key in source) { + var value = source[key]; + + // Skip undefined values to match jQuery and + // skip if target to prevent infinite loop + if (!isUndefined(value)) { + var isObject = value !== null && typeof value === 'object' && + Object.getPrototypeOf(value) === Object.prototype; + var isArray = Array.isArray(value); + + if (isDeep && (isObject || isArray)) { + target[key] = extend( + true, + target[key] || (isArray ? [] : {}), + value + ); + } else { + target[key] = value; + } + } + } + } + + return target; + } + + /** + * Removes an item from the passed array + * + * @param {!Array} arr + * @param {*} item + */ + function arrayRemove(arr, item) { + var i = arr.indexOf(item); + + if (i > -1) { + arr.splice(i, 1); + } + } + + /** + * Iterates over an array or object + * + * @param {!Object|Array} obj + * @param {function(*, *)} fn + */ + function each(obj, fn) { + if (Array.isArray(obj) || 'length' in obj && isNumber(obj.length)) { + for (var i = 0; i < obj.length; i++) { + fn(i, obj[i]); + } + } else { + Object.keys(obj).forEach(function (key) { + fn(key, obj[key]); + }); + } + } + + /** + * Cache of camelCase CSS property names + * @type {Object} + */ + var cssPropertyNameCache = {}; + + /** + * Node type constant for element nodes + * + * @type {number} + */ + var ELEMENT_NODE = 1; + + /** + * Node type constant for text nodes + * + * @type {number} + */ + var TEXT_NODE = 3; + + /** + * Node type constant for comment nodes + * + * @type {number} + */ + + + /** + * Node type document nodes + * + * @type {number} + */ + + + /** + * Node type constant for document fragments + * + * @type {number} + */ + + + function toFloat(value) { + value = parseFloat(value); + + return isFinite(value) ? value : 0; + } + + /** + * Creates an element with the specified attributes + * + * Will create it in the current document unless context + * is specified. + * + * @param {!string} tag + * @param {!Object} [attributes] + * @param {!Document} [context] + * @returns {!HTMLElement} + */ + function createElement(tag, attributes, context) { + var node = (context || document).createElement(tag); + + each(attributes || {}, function (key, value) { + if (key === 'style') { + node.style.cssText = value; + } else if (key in node) { + node[key] = value; + } else { + node.setAttribute(key, value); + } + }); + + return node; + } + + /** + * Returns an array of parents that matches the selector + * + * @param {!HTMLElement} node + * @param {!string} [selector] + * @returns {Array} + */ + + + /** + * Gets the first parent node that matches the selector + * + * @param {!HTMLElement} node + * @param {!string} [selector] + * @returns {HTMLElement|undefined} + */ + function parent(node, selector) { + var parent = node || {}; + + while ((parent = parent.parentNode) && !/(9|11)/.test(parent.nodeType)) { + if (!selector || is(parent, selector)) { + return parent; + } + } + } + + /** + * Checks the passed node and all parents and + * returns the first matching node if any. + * + * @param {!HTMLElement} node + * @param {!string} selector + * @returns {HTMLElement|undefined} + */ + function closest(node, selector) { + return is(node, selector) ? node : parent(node, selector); + } + + /** + * Removes the node from the DOM + * + * @param {!HTMLElement} node + */ + function remove(node) { + if (node.parentNode) { + node.parentNode.removeChild(node); + } + } + + /** + * Appends child to parent node + * + * @param {!HTMLElement} node + * @param {!HTMLElement} child + */ + function appendChild(node, child) { + node.appendChild(child); + } + + /** + * Finds any child nodes that match the selector + * + * @param {!HTMLElement} node + * @param {!string} selector + * @returns {NodeList} + */ + function find(node, selector) { + return node.querySelectorAll(selector); + } + + /** + * For on() and off() if to add/remove the event + * to the capture phase + * + * @type {boolean} + */ + var EVENT_CAPTURE = true; + + /** + * For on() and off() if to add/remove the event + * to the bubble phase + * + * @type {boolean} + */ + + + /** + * Adds an event listener for the specified events. + * + * Events should be a space separated list of events. + * + * If selector is specified the handler will only be + * called when the event target matches the selector. + * + * @param {!Node} node + * @param {string} events + * @param {string} [selector] + * @param {function(Object)} fn + * @param {boolean} [capture=false] + * @see off() + */ + // eslint-disable-next-line max-params + function on(node, events, selector, fn, capture) { + events.split(' ').forEach(function (event) { + var handler; + + if (isString(selector)) { + handler = fn['_sce-event-' + event + selector] || function (e) { + var target = e.target; + while (target && target !== node) { + if (is(target, selector)) { + fn.call(target, e); + return; + } + + target = target.parentNode; + } + }; + + fn['_sce-event-' + event + selector] = handler; + } else { + handler = selector; + capture = fn; + } + + node.addEventListener(event, handler, capture || false); + }); + } + + /** + * Removes an event listener for the specified events. + * + * @param {!Node} node + * @param {string} events + * @param {string} [selector] + * @param {function(Object)} fn + * @param {boolean} [capture=false] + * @see on() + */ + // eslint-disable-next-line max-params + function off(node, events, selector, fn, capture) { + events.split(' ').forEach(function (event) { + var handler; + + if (isString(selector)) { + handler = fn['_sce-event-' + event + selector]; + } else { + handler = selector; + capture = fn; + } + + node.removeEventListener(event, handler, capture || false); + }); + } + + /** + * If only attr param is specified it will get + * the value of the attr param. + * + * If value is specified but null the attribute + * will be removed otherwise the attr value will + * be set to the passed value. + * + * @param {!HTMLElement} node + * @param {!string} attr + * @param {?string} [value] + */ + function attr(node, attr, value) { + if (arguments.length < 3) { + return node.getAttribute(attr); + } + + // eslint-disable-next-line eqeqeq, no-eq-null + if (value == null) { + removeAttr(node, attr); + } else { + node.setAttribute(attr, value); + } + } + + /** + * Removes the specified attribute + * + * @param {!HTMLElement} node + * @param {!string} attr + */ + function removeAttr(node, attr) { + node.removeAttribute(attr); + } + + /** + * Sets the passed elements display to none + * + * @param {!HTMLElement} node + */ + function hide(node) { + css(node, 'display', 'none'); + } + + /** + * Sets the passed elements display to default + * + * @param {!HTMLElement} node + */ + function show(node) { + css(node, 'display', ''); + } + + /** + * Toggles an elements visibility + * + * @param {!HTMLElement} node + */ + function toggle(node) { + if (isVisible(node)) { + hide(node); + } else { + show(node); + } + } + + /** + * Gets a computed CSS values or sets an inline CSS value + * + * Rules should be in camelCase format and not + * hyphenated like CSS properties. + * + * @param {!HTMLElement} node + * @param {!Object|string} rule + * @param {string|number} [value] + * @return {string|number|undefined} + */ + function css(node, rule, value) { + if (arguments.length < 3) { + if (isString(rule)) { + return node.nodeType === 1 ? getComputedStyle(node)[rule] : null; + } + + each(rule, function (key, value) { + css(node, key, value); + }); + } else { + // isNaN returns false for null, false and empty strings + // so need to check it's truthy or 0 + var isNumeric = (value || value === 0) && !isNaN(value); + node.style[rule] = isNumeric ? value + 'px' : value; + } + } + + + /** + * Gets or sets thee data attributes on a node + * + * Unlike the jQuery version this only stores data + * in the DOM attributes which means only strings + * can be stored. + * + * @param {Node} node + * @param {string} [key] + * @param {string} [value] + * @return {Object|undefined} + */ + function data(node, key, value) { + var argsLength = arguments.length; + var data = {}; + + if (node.nodeType === ELEMENT_NODE) { + if (argsLength === 1) { + each(node.attributes, function (_, attr) { + if (/^data\-/i.test(attr.name)) { + data[attr.name.substr(5)] = attr.value; + } + }); + + return data; + } + + if (argsLength === 2) { + return attr(node, 'data-' + key); + } + + attr(node, 'data-' + key, String(value)); + } + } + + /** + * Checks if node matches the given selector. + * + * @param {?HTMLElement} node + * @param {string} selector + * @returns {boolean} + */ + function is(node, selector) { + var result = false; + + if (node && node.nodeType === ELEMENT_NODE) { + result = (node.matches || node.msMatchesSelector || + node.webkitMatchesSelector).call(node, selector); + } + + return result; + } + + + /** + * Returns true if node contains child otherwise false. + * + * This differs from the DOM contains() method in that + * if node and child are equal this will return false. + * + * @param {!Node} node + * @param {HTMLElement} child + * @returns {boolean} + */ + function contains(node, child) { + return node !== child && node.contains && node.contains(child); + } + + /** + * @param {Node} node + * @param {string} [selector] + * @returns {?HTMLElement} + */ + function previousElementSibling(node, selector) { + var prev = node.previousElementSibling; + + if (selector && prev) { + return is(prev, selector) ? prev : null; + } + + return prev; + } + + /** + * @param {!Node} node + * @param {!Node} refNode + * @returns {Node} + */ + function insertBefore(node, refNode) { + return refNode.parentNode.insertBefore(node, refNode); + } + + /** + * @param {?HTMLElement} node + * @returns {!Array.} + */ + function classes(node) { + return node.className.trim().split(/\s+/); + } + + /** + * @param {?HTMLElement} node + * @param {string} className + * @returns {boolean} + */ + function hasClass(node, className) { + return is(node, '.' + className); + } + + /** + * @param {!HTMLElement} node + * @param {string} className + */ + function addClass(node, className) { + var classList = classes(node); + + if (classList.indexOf(className) < 0) { + classList.push(className); + } + + node.className = classList.join(' '); + } + + /** + * @param {!HTMLElement} node + * @param {string} className + */ + function removeClass(node, className) { + var classList = classes(node); + + arrayRemove(classList, className); + + node.className = classList.join(' '); + } + + /** + * Toggles a class on node. + * + * If state is specified and is truthy it will add + * the class. + * + * If state is specified and is falsey it will remove + * the class. + * + * @param {HTMLElement} node + * @param {string} className + * @param {boolean} [state] + */ + function toggleClass(node, className, state) { + state = isUndefined(state) ? !hasClass(node, className) : state; + + if (state) { + addClass(node, className); + } else { + removeClass(node, className); + } + } + + /** + * Gets or sets the width of the passed node. + * + * @param {HTMLElement} node + * @param {number|string} [value] + * @returns {number|undefined} + */ + function width(node, value) { + if (isUndefined(value)) { + var cs = getComputedStyle(node); + var padding = toFloat(cs.paddingLeft) + toFloat(cs.paddingRight); + var border = toFloat(cs.borderLeftWidth) + toFloat(cs.borderRightWidth); + + return node.offsetWidth - padding - border; + } + + css(node, 'width', value); + } + + /** + * Gets or sets the height of the passed node. + * + * @param {HTMLElement} node + * @param {number|string} [value] + * @returns {number|undefined} + */ + function height(node, value) { + if (isUndefined(value)) { + var cs = getComputedStyle(node); + var padding = toFloat(cs.paddingTop) + toFloat(cs.paddingBottom); + var border = toFloat(cs.borderTopWidth) + toFloat(cs.borderBottomWidth); + + return node.offsetHeight - padding - border; + } + + css(node, 'height', value); + } + + /** + * Triggers a custom event with the specified name and + * sets the detail property to the data object passed. + * + * @param {HTMLElement} node + * @param {string} eventName + * @param {Object} [data] + */ + function trigger(node, eventName, data) { + var event; + + if (isFunction(window.CustomEvent)) { + event = new CustomEvent(eventName, { + bubbles: true, + cancelable: true, + detail: data + }); + } else { + event = node.ownerDocument.createEvent('CustomEvent'); + event.initCustomEvent(eventName, true, true, data); + } + + node.dispatchEvent(event); + } + + /** + * Returns if a node is visible. + * + * @param {HTMLElement} + * @returns {boolean} + */ + function isVisible(node) { + return !!node.getClientRects().length; + } + + /** + * Convert CSS property names into camel case + * + * @param {string} string + * @returns {string} + */ + function camelCase(string) { + return string + .replace(/^-ms-/, 'ms-') + .replace(/-(\w)/g, function (match, char) { + return char.toUpperCase(); + }); + } + + + /** + * Loop all child nodes of the passed node + * + * The function should accept 1 parameter being the node. + * If the function returns false the loop will be exited. + * + * @param {HTMLElement} node + * @param {function} func Callback which is called with every + * child node as the first argument. + * @param {boolean} innermostFirst If the innermost node should be passed + * to the function before it's parents. + * @param {boolean} siblingsOnly If to only traverse the nodes siblings + * @param {boolean} [reverse=false] If to traverse the nodes in reverse + */ + // eslint-disable-next-line max-params + function traverse(node, func, innermostFirst, siblingsOnly, reverse) { + node = reverse ? node.lastChild : node.firstChild; + + while (node) { + var next = reverse ? node.previousSibling : node.nextSibling; + + if ( + (!innermostFirst && func(node) === false) || + (!siblingsOnly && traverse( + node, func, innermostFirst, siblingsOnly, reverse + ) === false) || + (innermostFirst && func(node) === false) + ) { + return false; + } + + node = next; + } + } + + /** + * Like traverse but loops in reverse + * @see traverse + */ + function rTraverse(node, func, innermostFirst, siblingsOnly) { + traverse(node, func, innermostFirst, siblingsOnly, true); + } + + /** + * Parses HTML into a document fragment + * + * @param {string} html + * @param {Document} [context] + * @since 1.4.4 + * @return {DocumentFragment} + */ + function parseHTML(html, context) { + context = context || document; + + var ret = context.createDocumentFragment(); + var tmp = createElement('div', {}, context); + + tmp.innerHTML = html; + + while (tmp.firstChild) { + appendChild(ret, tmp.firstChild); + } + + return ret; + } + + /** + * Checks if an element has any styling. + * + * It has styling if it is not a plain
    or

    or + * if it has a class, style attribute or data. + * + * @param {HTMLElement} elm + * @return {boolean} + * @since 1.4.4 + */ + function hasStyling(node) { + return node && (!is(node, 'p,div') || node.className || + attr(node, 'style') || !isEmptyObject(data(node))); + } + + /** + * Converts an element from one type to another. + * + * For example it can convert the element to + * + * @param {HTMLElement} element + * @param {string} toTagName + * @return {HTMLElement} + * @since 1.4.4 + */ + function convertElement(element, toTagName) { + var newElement = createElement(toTagName, {}, element.ownerDocument); + + each(element.attributes, function (_, attribute) { + // Some browsers parse invalid attributes names like + // 'size"2' which throw an exception when set, just + // ignore these. + try { + attr(newElement, attribute.name, attribute.value); + } catch (ex) {} + }); + + while (element.firstChild) { + appendChild(newElement, element.firstChild); + } + + element.parentNode.replaceChild(newElement, element); + + return newElement; + } + + /** + * List of block level elements separated by bars (|) + * + * @type {string} + */ + var blockLevelList = '|body|hr|p|div|h1|h2|h3|h4|h5|h6|address|pre|' + + 'form|table|tbody|thead|tfoot|th|tr|td|li|ol|ul|blockquote|center|'; + + /** + * List of elements that do not allow children separated by bars (|) + * + * @param {Node} node + * @return {boolean} + * @since 1.4.5 + */ + function canHaveChildren(node) { + // 1 = Element + // 9 = Document + // 11 = Document Fragment + if (!/11?|9/.test(node.nodeType)) { + return false; + } + + // List of empty HTML tags separated by bar (|) character. + // Source: http://www.w3.org/TR/html4/index/elements.html + // Source: http://www.w3.org/TR/html5/syntax.html#void-elements + return ('|iframe|area|base|basefont|br|col|frame|hr|img|input|wbr' + + '|isindex|link|meta|param|command|embed|keygen|source|track|' + + 'object|').indexOf('|' + node.nodeName.toLowerCase() + '|') < 0; + } + + /** + * Checks if an element is inline + * + * @param {HTMLElement} elm + * @param {boolean} [includeCodeAsBlock=false] + * @return {boolean} + */ + function isInline(elm, includeCodeAsBlock) { + var tagName, + nodeType = (elm || {}).nodeType || TEXT_NODE; + + if (nodeType !== ELEMENT_NODE) { + return nodeType === TEXT_NODE; + } + + tagName = elm.tagName.toLowerCase(); + + if (tagName === 'code') { + return !includeCodeAsBlock; + } + + return blockLevelList.indexOf('|' + tagName + '|') < 0; + } + + /** + * Copy the CSS from 1 node to another. + * + * Only copies CSS defined on the element e.g. style attr. + * + * @param {HTMLElement} from + * @param {HTMLElement} to + */ + function copyCSS(from, to) { + to.style.cssText = from.style.cssText + to.style.cssText; + } + + /** + * Fixes block level elements inside in inline elements. + * + * Also fixes invalid list nesting by placing nested lists + * inside the previous li tag or wrapping them in an li tag. + * + * @param {HTMLElement} node + */ + function fixNesting(node) { + var getLastInlineParent = function (node) { + while (isInline(node.parentNode, true)) { + node = node.parentNode; + } + + return node; + }; + + traverse(node, function (node) { + var list = 'ul,ol', + isBlock = !isInline(node, true); + + // Any blocklevel element inside an inline element needs fixing. + if (isBlock && isInline(node.parentNode, true)) { + var parent = getLastInlineParent(node), + before = extractContents(parent, node), + middle = node; + + // copy current styling so when moved out of the parent + // it still has the same styling + copyCSS(parent, middle); + + insertBefore(before, parent); + insertBefore(middle, parent); + } + + // Fix invalid nested lists which should be wrapped in an li tag + if (isBlock && is(node, list) && is(node.parentNode, list)) { + var li = previousElementSibling(node, 'li'); + + if (!li) { + li = createElement('li'); + insertBefore(li, node); + } + + appendChild(li, node); + } + }); + } + + /** + * Finds the common parent of two nodes + * + * @param {!HTMLElement} node1 + * @param {!HTMLElement} node2 + * @return {?HTMLElement} + */ + function findCommonAncestor(node1, node2) { + while ((node1 = node1.parentNode)) { + if (contains(node1, node2)) { + return node1; + } + } + } + + /** + * @param {?Node} + * @param {boolean} [previous=false] + * @returns {?Node} + */ + function getSibling(node, previous) { + if (!node) { + return null; + } + + return (previous ? node.previousSibling : node.nextSibling) || + getSibling(node.parentNode, previous); + } + + /** + * Removes unused whitespace from the root and all it's children. + * + * @param {!HTMLElement} root + * @since 1.4.3 + */ + function removeWhiteSpace(root) { + var nodeValue, nodeType, next, previous, previousSibling, + nextNode, trimStart, + cssWhiteSpace = css(root, 'whiteSpace'), + // Preserve newlines if is pre-line + preserveNewLines = /line$/i.test(cssWhiteSpace), + node = root.firstChild; + + // Skip pre & pre-wrap with any vendor prefix + if (/pre(\-wrap)?$/i.test(cssWhiteSpace)) { + return; + } + + while (node) { + nextNode = node.nextSibling; + nodeValue = node.nodeValue; + nodeType = node.nodeType; + + if (nodeType === ELEMENT_NODE && node.firstChild) { + removeWhiteSpace(node); + } + + if (nodeType === TEXT_NODE) { + next = getSibling(node); + previous = getSibling(node, true); + trimStart = false; + + while (hasClass(previous, 'sceditor-ignore')) { + previous = getSibling(previous, true); + } + + // If previous sibling isn't inline or is a textnode that + // ends in whitespace, time the start whitespace + if (isInline(node) && previous) { + previousSibling = previous; + + while (previousSibling.lastChild) { + previousSibling = previousSibling.lastChild; + + // eslint-disable-next-line max-depth + while (hasClass(previousSibling, 'sceditor-ignore')) { + previousSibling = getSibling(previousSibling, true); + } + } + + trimStart = previousSibling.nodeType === TEXT_NODE ? + /[\t\n\r ]$/.test(previousSibling.nodeValue) : + !isInline(previousSibling); + } + + // Clear zero width spaces + nodeValue = nodeValue.replace(/\u200B/g, ''); + + // Strip leading whitespace + if (!previous || !isInline(previous) || trimStart) { + nodeValue = nodeValue.replace( + preserveNewLines ? /^[\t ]+/ : /^[\t\n\r ]+/, + '' + ); + } + + // Strip trailing whitespace + if (!next || !isInline(next)) { + nodeValue = nodeValue.replace( + preserveNewLines ? /[\t ]+$/ : /[\t\n\r ]+$/, + '' + ); + } + + // Remove empty text nodes + if (!nodeValue.length) { + remove(node); + } else { + node.nodeValue = nodeValue.replace( + preserveNewLines ? /[\t ]+/g : /[\t\n\r ]+/g, + ' ' + ); + } + } + + node = nextNode; + } + } + + /** + * Extracts all the nodes between the start and end nodes + * + * @param {HTMLElement} startNode The node to start extracting at + * @param {HTMLElement} endNode The node to stop extracting at + * @return {DocumentFragment} + */ + function extractContents(startNode, endNode) { + var range = startNode.ownerDocument.createRange(); + + range.setStartBefore(startNode); + range.setEndAfter(endNode); + + return range.extractContents(); + } + + /** + * Gets the offset position of an element + * + * @param {HTMLElement} node + * @return {Object} An object with left and top properties + */ + function getOffset(node) { + var left = 0, + top = 0; + + while (node) { + left += node.offsetLeft; + top += node.offsetTop; + node = node.offsetParent; + } + + return { + left: left, + top: top + }; + } + + /** + * Gets the value of a CSS property from the elements style attribute + * + * @param {HTMLElement} elm + * @param {string} property + * @return {string} + */ + function getStyle(elm, property) { + var direction, styleValue, + elmStyle = elm.style; + + if (!cssPropertyNameCache[property]) { + cssPropertyNameCache[property] = camelCase(property); + } + + property = cssPropertyNameCache[property]; + styleValue = elmStyle[property]; + + // Add an exception for text-align + if ('textAlign' === property) { + direction = elmStyle.direction; + styleValue = styleValue || css(elm, property); + + if (css(elm.parentNode, property) === styleValue || + css(elm, 'display') !== 'block' || is(elm, 'hr,th')) { + return ''; + } + + // IE changes text-align to the same as the current direction + // so skip unless its not the same + if ((/right/i.test(styleValue) && direction === 'rtl') || + (/left/i.test(styleValue) && direction === 'ltr')) { + return ''; + } + } + + return styleValue; + } + + /** + * Tests if an element has a style. + * + * If values are specified it will check that the styles value + * matches one of the values + * + * @param {HTMLElement} elm + * @param {string} property + * @param {string|array} [values] + * @return {boolean} + */ + function hasStyle(elm, property, values) { + var styleValue = getStyle(elm, property); + + if (!styleValue) { + return false; + } + + return !values || styleValue === values || + (Array.isArray(values) && values.indexOf(styleValue) > -1); + } + + /** + * Default options for SCEditor + * @type {Object} + */ + var defaultOptions = { + /** @lends jQuery.sceditor.defaultOptions */ + /** + * Toolbar buttons order and groups. Should be comma separated and + * have a bar | to separate groups + * + * @type {string} + */ + toolbar: 'bold,italic,underline,strike,subscript,superscript|' + + 'left,center,right,justify|font,size,color,removeformat|' + + 'cut,copy,pastetext|bulletlist,orderedlist,indent,outdent|' + + 'table|code,quote|horizontalrule,image,email,link,unlink|' + + 'emoticon,youtube,date,time|ltr,rtl|print,maximize,source', + + /** + * Comma separated list of commands to excludes from the toolbar + * + * @type {string} + */ + toolbarExclude: null, + + /** + * Stylesheet to include in the WYSIWYG editor. This is what will style + * the WYSIWYG elements + * + * @type {string} + */ + style: 'jquery.sceditor.default.css', + + /** + * Comma separated list of fonts for the font selector + * + * @type {string} + */ + fonts: 'Arial,Arial Black,Comic Sans MS,Courier New,Georgia,Impact,' + + 'Sans-serif,Serif,Times New Roman,Trebuchet MS,Verdana', + + /** + * Colors should be comma separated and have a bar | to signal a new + * column. + * + * If null the colors will be auto generated. + * + * @type {string} + */ + colors: '#000000,#44B8FF,#1E92F7,#0074D9,#005DC2,#00369B,#b3d5f4|' + + '#444444,#C3FFFF,#9DF9FF,#7FDBFF,#68C4E8,#419DC1,#d9f4ff|' + + '#666666,#72FF84,#4CEA5E,#2ECC40,#17B529,#008E02,#c0f0c6|' + + '#888888,#FFFF44,#FFFA1E,#FFDC00,#E8C500,#C19E00,#fff5b3|' + + '#aaaaaa,#FFC95F,#FFA339,#FF851B,#E86E04,#C14700,#ffdbbb|' + + '#cccccc,#FF857A,#FF5F54,#FF4136,#E82A1F,#C10300,#ffc6c3|' + + '#eeeeee,#FF56FF,#FF30DC,#F012BE,#D900A7,#B20080,#fbb8ec|' + + '#ffffff,#F551FF,#CF2BE7,#B10DC9,#9A00B2,#9A00B2,#e8b6ef', + + /** + * The locale to use. + * @type {string} + */ + locale: attr(document.documentElement, 'lang') || 'en', + + /** + * The Charset to use + * @type {string} + */ + charset: 'utf-8', + + /** + * Compatibility mode for emoticons. + * + * Helps if you have emoticons such as :/ which would put an emoticon + * inside http:// + * + * This mode requires emoticons to be surrounded by whitespace or end of + * line chars. This mode has limited As You Type emoticon conversion + * support. It will not replace AYT for end of line chars, only + * emoticons surrounded by whitespace. They will still be replaced + * correctly when loaded just not AYT. + * + * @type {boolean} + */ + emoticonsCompat: false, + + /** + * If to enable emoticons. Can be changes at runtime using the + * emoticons() method. + * + * @type {boolean} + * @since 1.4.2 + */ + emoticonsEnabled: true, + + /** + * Emoticon root URL + * + * @type {string} + */ + emoticonsRoot: '', + emoticons: { + dropdown: { + ':)': 'emoticons/smile.png', + ':angel:': 'emoticons/angel.png', + ':angry:': 'emoticons/angry.png', + '8-)': 'emoticons/cool.png', + ':\'(': 'emoticons/cwy.png', + ':ermm:': 'emoticons/ermm.png', + ':D': 'emoticons/grin.png', + '<3': 'emoticons/heart.png', + ':(': 'emoticons/sad.png', + ':O': 'emoticons/shocked.png', + ':P': 'emoticons/tongue.png', + ';)': 'emoticons/wink.png' + }, + more: { + ':alien:': 'emoticons/alien.png', + ':blink:': 'emoticons/blink.png', + ':blush:': 'emoticons/blush.png', + ':cheerful:': 'emoticons/cheerful.png', + ':devil:': 'emoticons/devil.png', + ':dizzy:': 'emoticons/dizzy.png', + ':getlost:': 'emoticons/getlost.png', + ':happy:': 'emoticons/happy.png', + ':kissing:': 'emoticons/kissing.png', + ':ninja:': 'emoticons/ninja.png', + ':pinch:': 'emoticons/pinch.png', + ':pouty:': 'emoticons/pouty.png', + ':sick:': 'emoticons/sick.png', + ':sideways:': 'emoticons/sideways.png', + ':silly:': 'emoticons/silly.png', + ':sleeping:': 'emoticons/sleeping.png', + ':unsure:': 'emoticons/unsure.png', + ':woot:': 'emoticons/w00t.png', + ':wassat:': 'emoticons/wassat.png' + }, + hidden: { + ':whistling:': 'emoticons/whistling.png', + ':love:': 'emoticons/wub.png' + } + }, + + /** + * Width of the editor. Set to null for automatic with + * + * @type {?number} + */ + width: null, + + /** + * Height of the editor including toolbar. Set to null for automatic + * height + * + * @type {?number} + */ + height: null, + + /** + * If to allow the editor to be resized + * + * @type {boolean} + */ + resizeEnabled: true, + + /** + * Min resize to width, set to null for half textarea width or -1 for + * unlimited + * + * @type {?number} + */ + resizeMinWidth: null, + /** + * Min resize to height, set to null for half textarea height or -1 for + * unlimited + * + * @type {?number} + */ + resizeMinHeight: null, + /** + * Max resize to height, set to null for double textarea height or -1 + * for unlimited + * + * @type {?number} + */ + resizeMaxHeight: null, + /** + * Max resize to width, set to null for double textarea width or -1 for + * unlimited + * + * @type {?number} + */ + resizeMaxWidth: null, + /** + * If resizing by height is enabled + * + * @type {boolean} + */ + resizeHeight: true, + /** + * If resizing by width is enabled + * + * @type {boolean} + */ + resizeWidth: true, + + /** + * Date format, will be overridden if locale specifies one. + * + * The words year, month and day will be replaced with the users current + * year, month and day. + * + * @type {string} + */ + dateFormat: 'year-month-day', + + /** + * Element to inset the toolbar into. + * + * @type {HTMLElement} + */ + toolbarContainer: null, + + /** + * If to enable paste filtering. This is currently experimental, please + * report any issues. + * + * @type {boolean} + */ + enablePasteFiltering: false, + + /** + * If to completely disable pasting into the editor + * + * @type {boolean} + */ + disablePasting: false, + + /** + * If the editor is read only. + * + * @type {boolean} + */ + readOnly: false, + + /** + * If to set the editor to right-to-left mode. + * + * If set to null the direction will be automatically detected. + * + * @type {boolean} + */ + rtl: false, + + /** + * If to auto focus the editor on page load + * + * @type {boolean} + */ + autofocus: false, + + /** + * If to auto focus the editor to the end of the content + * + * @type {boolean} + */ + autofocusEnd: true, + + /** + * If to auto expand the editor to fix the content + * + * @type {boolean} + */ + autoExpand: false, + + /** + * If to auto update original textbox on blur + * + * @type {boolean} + */ + autoUpdate: false, + + /** + * If to enable the browsers built in spell checker + * + * @type {boolean} + */ + spellcheck: true, + + /** + * If to run the source editor when there is no WYSIWYG support. Only + * really applies to mobile OS's. + * + * @type {boolean} + */ + runWithoutWysiwygSupport: false, + + /** + * If to load the editor in source mode and still allow switching + * between WYSIWYG and source mode + * + * @type {boolean} + */ + startInSourceMode: false, + + /** + * Optional ID to give the editor. + * + * @type {string} + */ + id: null, + + /** + * Comma separated list of plugins + * + * @type {string} + */ + plugins: '', + + /** + * z-index to set the editor container to. Needed for jQuery UI dialog. + * + * @type {?number} + */ + zIndex: null, + + /** + * If to trim the BBCode. Removes any spaces at the start and end of the + * BBCode string. + * + * @type {boolean} + */ + bbcodeTrim: false, + + /** + * If to disable removing block level elements by pressing backspace at + * the start of them + * + * @type {boolean} + */ + disableBlockRemove: false, + + /** + * BBCode parser options, only applies if using the editor in BBCode + * mode. + * + * See SCEditor.BBCodeParser.defaults for list of valid options + * + * @type {Object} + */ + parserOptions: { }, + + /** + * CSS that will be added to the to dropdown menu (eg. z-index) + * + * @type {Object} + */ + dropDownCss: { } + }; + + var USER_AGENT = navigator.userAgent; + + /** + * Detects the version of IE is being used if any. + * + * Will be the IE version number or undefined if the + * browser is not IE. + * + * Source: https://gist.github.com/527683 with extra code + * for IE 10 & 11 detection. + * + * @function + * @name ie + * @type {number} + */ + var ie = (function () { + var undef, + v = 3, + doc = document, + div = doc.createElement('div'), + all = div.getElementsByTagName('i'); + + do { + div.innerHTML = ''; + } while (all[0]); + + // Detect IE 10 as it doesn't support conditional comments. + if ((doc.documentMode && doc.all && window.atob)) { + v = 10; + } + + // Detect IE 11 + if (v === 4 && doc.documentMode) { + v = 11; + } + + return v > 4 ? v : undef; + }()); + + var edge = '-ms-ime-align' in document.documentElement.style; + + /** + * Detects if the browser is iOS + * + * Needed to fix iOS specific bugs + * + * @function + * @name ios + * @memberOf jQuery.sceditor + * @type {boolean} + */ + var ios = /iPhone|iPod|iPad| wosbrowser\//i.test(USER_AGENT); + + /** + * If the browser supports WYSIWYG editing (e.g. older mobile browsers). + * + * @function + * @name isWysiwygSupported + * @return {boolean} + */ + var isWysiwygSupported = (function () { + var match, isUnsupported; + + var div = document.createElement('div'); + div.contentEditable = true ; + + // Check if the contentEditable attribute is supported + if (!('contentEditable' in document.documentElement) || + div.contentEditable !== 'true') { + return false; + } + + // I think blackberry supports contentEditable or will at least + // give a valid value for the contentEditable detection above + // so it isn't included in the below tests. + + // I hate having to do UA sniffing but some mobile browsers say they + // support contentediable when it isn't usable, i.e. you can't enter + // text. + // This is the only way I can think of to detect them which is also how + // every other editor I've seen deals with this issue. + + // Exclude Opera mobile and mini + isUnsupported = /Opera Mobi|Opera Mini/i.test(USER_AGENT); + + if (/Android/i.test(USER_AGENT)) { + isUnsupported = true; + + if (/Safari/.test(USER_AGENT)) { + // Android browser 534+ supports content editable + // This also matches Chrome which supports content editable too + match = /Safari\/(\d+)/.exec(USER_AGENT); + isUnsupported = (!match || !match[1] ? true : match[1] < 534); + } + } + + // The current version of Amazon Silk supports it, older versions didn't + // As it uses webkit like Android, assume it's the same and started + // working at versions >= 534 + if (/ Silk\//i.test(USER_AGENT)) { + match = /AppleWebKit\/(\d+)/.exec(USER_AGENT); + isUnsupported = (!match || !match[1] ? true : match[1] < 534); + } + + // iOS 5+ supports content editable + if (ios) { + // Block any version <= 4_x(_x) + isUnsupported = /OS [0-4](_\d)+ like Mac/i.test(USER_AGENT); + } + + // Firefox does support WYSIWYG on mobiles so override + // any previous value if using FF + if (/Firefox/i.test(USER_AGENT)) { + isUnsupported = false; + } + + if (/OneBrowser/i.test(USER_AGENT)) { + isUnsupported = false; + } + + // UCBrowser works but doesn't give a unique user agent + if (navigator.vendor === 'UCWEB') { + isUnsupported = false; + } + + // IE <= 9 is not supported any more + if (ie <= 9) { + isUnsupported = true; + } + + return !isUnsupported; + }()); + + // Must start with a valid scheme + // ^ + // Schemes that are considered safe + // (https?|s?ftp|mailto|spotify|skype|ssh|teamspeak|tel):| + // Relative schemes (//:) are considered safe + // (\\/\\/)| + // Image data URI's are considered safe + // data:image\\/(png|bmp|gif|p?jpe?g); + var VALID_SCHEME_REGEX = + /^(https?|s?ftp|mailto|spotify|skype|ssh|teamspeak|tel):|(\/\/)|data:image\/(png|bmp|gif|p?jpe?g);/i; + + /** + * Escapes a string so it's safe to use in regex + * + * @param {string} str + * @return {string} + */ + function regex(str) { + return str.replace(/([\-.*+?^=!:${}()|\[\]\/\\])/g, '\\$1'); + } + + /** + * Escapes all HTML entities in a string + * + * If noQuotes is set to false, all single and double + * quotes will also be escaped + * + * @param {string} str + * @param {boolean} [noQuotes=true] + * @return {string} + * @since 1.4.1 + */ + function entities(str, noQuotes) { + if (!str) { + return str; + } + + var replacements = { + '&': '&', + '<': '<', + '>': '>', + ' ': '  ', + '\r\n': '
    ', + '\r': '
    ', + '\n': '
    ' + }; + + if (noQuotes !== false) { + replacements['"'] = '"'; + replacements['\''] = '''; + replacements['`'] = '`'; + } + + str = str.replace(/ {2}|\r\n|[&<>\r\n'"`]/g, function (match) { + return replacements[match] || match; + }); + + return str; + } + + /** + * Escape URI scheme. + * + * Appends the current URL to a url if it has a scheme that is not: + * + * http + * https + * sftp + * ftp + * mailto + * spotify + * skype + * ssh + * teamspeak + * tel + * // + * data:image/(png|jpeg|jpg|pjpeg|bmp|gif); + * + * **IMPORTANT**: This does not escape any HTML in a url, for + * that use the escape.entities() method. + * + * @param {string} url + * @return {string} + * @since 1.4.5 + */ + function uriScheme(url) { + var path, + // If there is a : before a / then it has a scheme + hasScheme = /^[^\/]*:/i, + location = window.location; + + // Has no scheme or a valid scheme + if ((!url || !hasScheme.test(url)) || VALID_SCHEME_REGEX.test(url)) { + return url; + } + + path = location.pathname.split('/'); + path.pop(); + + return location.protocol + '//' + + location.host + + path.join('/') + '/' + + url; + } + + /** + * HTML templates used by the editor and default commands + * @type {Object} + * @private + */ + var _templates = { + html: + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '

    ' + + '', + + toolbarButton: '' + + '
    {dispName}
    ', + + emoticon: '', + + fontOpt: '{font}', + + sizeOpt: '{size}', + + pastetext: + '
    ' + + '
    ' + + '
    ' + + '
    ', + + table: + '
    ' + + '
    ' + + '
    ', + + image: + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ', + + email: + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ', + + link: + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '
    ', + + youtubeMenu: + '
    ' + + '
    ' + + '
    ' + + '
    ', + + youtube: + '' + }; + + /** + * Replaces any params in a template with the passed params. + * + * If createHtml is passed it will return a DocumentFragment + * containing the parsed template. + * + * @param {string} name + * @param {Object} [params] + * @param {boolean} [createHtml] + * @returns {string|DocumentFragment} + * @private + */ + function _tmpl (name, params, createHtml) { + var template = _templates[name]; + + Object.keys(params).forEach(function (name) { + template = template.replace( + new RegExp(regex('{' + name + '}'), 'g'), params[name] + ); + }); + + if (createHtml) { + template = parseHTML(template); + } + + return template; + } + + // In IE < 11 a BR at the end of a block level element + // causes a line break. In all other browsers it's collapsed. + var IE_BR_FIX = ie && ie < 11; + + /** + * Fixes a bug in FF where it sometimes wraps + * new lines in their own list item. + * See issue #359 + */ + function fixFirefoxListBug(editor) { + // Only apply to Firefox as will break other browsers. + if ('mozHidden' in document) { + var node = editor.getBody(); + var next; + + while (node) { + next = node; + + if (next.firstChild) { + next = next.firstChild; + } else { + + while (next && !next.nextSibling) { + next = next.parentNode; + } + + if (next) { + next = next.nextSibling; + } + } + + if (node.nodeType === 3 && /[\n\r\t]+/.test(node.nodeValue)) { + // Only remove if newlines are collapsed + if (!/^pre/.test(css(node.parentNode, 'whiteSpace'))) { + remove(node); + } + } + + node = next; + } + } + } + + + /** + * Map of all the commands for SCEditor + * @type {Object} + * @name commands + * @memberOf jQuery.sceditor + */ + var defaultCmds = { + // START_COMMAND: Bold + bold: { + exec: 'bold', + tooltip: 'Bold', + shortcut: 'Ctrl+B' + }, + // END_COMMAND + // START_COMMAND: Italic + italic: { + exec: 'italic', + tooltip: 'Italic', + shortcut: 'Ctrl+I' + }, + // END_COMMAND + // START_COMMAND: Underline + underline: { + exec: 'underline', + tooltip: 'Underline', + shortcut: 'Ctrl+U' + }, + // END_COMMAND + // START_COMMAND: Strikethrough + strike: { + exec: 'strikethrough', + tooltip: 'Strikethrough' + }, + // END_COMMAND + // START_COMMAND: Subscript + subscript: { + exec: 'subscript', + tooltip: 'Subscript' + }, + // END_COMMAND + // START_COMMAND: Superscript + superscript: { + exec: 'superscript', + tooltip: 'Superscript' + }, + // END_COMMAND + + // START_COMMAND: Left + left: { + state: function (node) { + if (node && node.nodeType === 3) { + node = node.parentNode; + } + + if (node) { + var isLtr = css(node, 'direction') === 'ltr'; + var align = css(node, 'textAlign'); + + return align === 'left' || align === (isLtr ? 'start' : 'end'); + } + }, + exec: 'justifyleft', + tooltip: 'Align left' + }, + // END_COMMAND + // START_COMMAND: Centre + center: { + exec: 'justifycenter', + tooltip: 'Center' + }, + // END_COMMAND + // START_COMMAND: Right + right: { + state: function (node) { + if (node && node.nodeType === 3) { + node = node.parentNode; + } + + if (node) { + var isLtr = css(node, 'direction') === 'ltr'; + var align = css(node, 'textAlign'); + + return align === 'right' || align === (isLtr ? 'end' : 'start'); + } + }, + exec: 'justifyright', + tooltip: 'Align right' + }, + // END_COMMAND + // START_COMMAND: Justify + justify: { + exec: 'justifyfull', + tooltip: 'Justify' + }, + // END_COMMAND + + // START_COMMAND: Font + font: { + _dropDown: function (editor, caller, callback) { + var content = createElement('div'); + + on(content, 'click', 'a', function (e) { + callback(data(this, 'font')); + editor.closeDropDown(true); + e.preventDefault(); + }); + + editor.opts.fonts.split(',').forEach(function (font) { + appendChild(content, _tmpl('fontOpt', { + font: font + }, true)); + }); + + editor.createDropDown(caller, 'font-picker', content); + }, + exec: function (caller) { + var editor = this; + + defaultCmds.font._dropDown(editor, caller, function (fontName) { + editor.execCommand('fontname', fontName); + }); + }, + tooltip: 'Font Name' + }, + // END_COMMAND + // START_COMMAND: Size + size: { + _dropDown: function (editor, caller, callback) { + var content = createElement('div'); + + on(content, 'click', 'a', function (e) { + callback(data(this, 'size')); + editor.closeDropDown(true); + e.preventDefault(); + }); + + for (var i = 1; i <= 7; i++) { + appendChild(content, _tmpl('sizeOpt', { + size: i + }, true)); + } + + editor.createDropDown(caller, 'fontsize-picker', content); + }, + exec: function (caller) { + var editor = this; + + defaultCmds.size._dropDown(editor, caller, function (fontSize) { + editor.execCommand('fontsize', fontSize); + }); + }, + tooltip: 'Font Size' + }, + // END_COMMAND + // START_COMMAND: Colour + color: { + _dropDown: function (editor, caller, callback) { + var content = createElement('div'), + html = '', + cmd = defaultCmds.color; + + if (!cmd._htmlCache) { + editor.opts.colors.split('|').forEach(function (column) { + html += '
    '; + + column.split(',').forEach(function (color) { + html += + ''; + }); + + html += '
    '; + }); + + cmd._htmlCache = html; + } + + appendChild(content, parseHTML(cmd._htmlCache)); + + on(content, 'click', 'a', function (e) { + callback(data(this, 'color')); + editor.closeDropDown(true); + e.preventDefault(); + }); + + editor.createDropDown(caller, 'color-picker', content); + }, + exec: function (caller) { + var editor = this; + + defaultCmds.color._dropDown(editor, caller, function (color) { + editor.execCommand('forecolor', color); + }); + }, + tooltip: 'Font Color' + }, + // END_COMMAND + // START_COMMAND: Remove Format + removeformat: { + exec: 'removeformat', + tooltip: 'Remove Formatting' + }, + // END_COMMAND + + // START_COMMAND: Cut + cut: { + exec: 'cut', + tooltip: 'Cut', + errorMessage: 'Your browser does not allow the cut command. ' + + 'Please use the keyboard shortcut Ctrl/Cmd-X' + }, + // END_COMMAND + // START_COMMAND: Copy + copy: { + exec: 'copy', + tooltip: 'Copy', + errorMessage: 'Your browser does not allow the copy command. ' + + 'Please use the keyboard shortcut Ctrl/Cmd-C' + }, + // END_COMMAND + // START_COMMAND: Paste + paste: { + exec: 'paste', + tooltip: 'Paste', + errorMessage: 'Your browser does not allow the paste command. ' + + 'Please use the keyboard shortcut Ctrl/Cmd-V' + }, + // END_COMMAND + // START_COMMAND: Paste Text + pastetext: { + exec: function (caller) { + var val, + content = createElement('div'), + editor = this; + + appendChild(content, _tmpl('pastetext', { + label: editor._( + 'Paste your text inside the following box:' + ), + insert: editor._('Insert') + }, true)); + + on(content, 'click', '.button', function (e) { + val = find(content, '#txt')[0].value; + + if (val) { + editor.wysiwygEditorInsertText(val); + } + + editor.closeDropDown(true); + e.preventDefault(); + }); + + editor.createDropDown(caller, 'pastetext', content); + }, + tooltip: 'Paste Text' + }, + // END_COMMAND + // START_COMMAND: Bullet List + bulletlist: { + exec: function () { + fixFirefoxListBug(this); + this.execCommand('insertunorderedlist'); + }, + tooltip: 'Bullet list' + }, + // END_COMMAND + // START_COMMAND: Ordered List + orderedlist: { + exec: function () { + fixFirefoxListBug(this); + this.execCommand('insertorderedlist'); + }, + tooltip: 'Numbered list' + }, + // END_COMMAND + // START_COMMAND: Indent + indent: { + state: function (parent$$1, firstBlock) { + // Only works with lists, for now + var range, startParent, endParent; + + if (is(firstBlock, 'li')) { + return 0; + } + + if (is(firstBlock, 'ul,ol,menu')) { + // if the whole list is selected, then this must be + // invalidated because the browser will place a + //
    there + range = this.getRangeHelper().selectedRange(); + + startParent = range.startContainer.parentNode; + endParent = range.endContainer.parentNode; + + // TODO: could use nodeType for this? + // Maybe just check the firstBlock contains both the start + //and end containers + + // Select the tag, not the textNode + // (that's why the parentNode) + if (startParent !== + startParent.parentNode.firstElementChild || + // work around a bug in FF + (is(endParent, 'li') && endParent !== + endParent.parentNode.lastElementChild)) { + return 0; + } + } + + return -1; + }, + exec: function () { + var editor = this, + block = editor.getRangeHelper().getFirstBlockParent(); + + editor.focus(); + + // An indent system is quite complicated as there are loads + // of complications and issues around how to indent text + // As default, let's just stay with indenting the lists, + // at least, for now. + if (closest(block, 'ul,ol,menu')) { + editor.execCommand('indent'); + } + }, + tooltip: 'Add indent' + }, + // END_COMMAND + // START_COMMAND: Outdent + outdent: { + state: function (parents$$1, firstBlock) { + return closest(firstBlock, 'ul,ol,menu') ? 0 : -1; + }, + exec: function () { + var block = this.getRangeHelper().getFirstBlockParent(); + if (closest(block, 'ul,ol,menu')) { + this.execCommand('outdent'); + } + }, + tooltip: 'Remove one indent' + }, + // END_COMMAND + + // START_COMMAND: Table + table: { + exec: function (caller) { + var editor = this, + content = createElement('div'); + + appendChild(content, _tmpl('table', { + rows: editor._('Rows:'), + cols: editor._('Cols:'), + insert: editor._('Insert') + }, true)); + + on(content, 'click', '.button', function (e) { + var rows = Number(find(content, '#rows')[0].value), + cols = Number(find(content, '#cols')[0].value), + html = ''; + + if (rows > 0 && cols > 0) { + html += Array(rows + 1).join( + '' + + Array(cols + 1).join( + '' + ) + + '' + ); + + html += '
    ' + (IE_BR_FIX ? '' : '
    ') + '
    '; + + editor.wysiwygEditorInsertHtml(html); + editor.closeDropDown(true); + e.preventDefault(); + } + }); + + editor.createDropDown(caller, 'inserttable', content); + }, + tooltip: 'Insert a table' + }, + // END_COMMAND + + // START_COMMAND: Horizontal Rule + horizontalrule: { + exec: 'inserthorizontalrule', + tooltip: 'Insert a horizontal rule' + }, + // END_COMMAND + + // START_COMMAND: Code + code: { + exec: function () { + this.wysiwygEditorInsertHtml( + '', + (IE_BR_FIX ? '' : '
    ') + '    ' + ); + }, + tooltip: 'Code' + }, + // END_COMMAND + + // START_COMMAND: Image + image: { + _dropDown: function (editor, caller, selected, cb) { + var content = createElement('div'); + + appendChild(content, _tmpl('image', { + url: editor._('URL:'), + width: editor._('Width (optional):'), + height: editor._('Height (optional):'), + insert: editor._('Insert') + }, true)); + + + var urlInput = find(content, '#image')[0]; + + urlInput.value = selected; + + on(content, 'click', '.button', function (e) { + if (urlInput.value) { + cb( + urlInput.value, + find(content, '#width')[0].value, + find(content, '#height')[0].value + ); + } + + editor.closeDropDown(true); + e.preventDefault(); + }); + + editor.createDropDown(caller, 'insertimage', content); + }, + exec: function (caller) { + var editor = this; + + defaultCmds.image._dropDown( + editor, + caller, + '', + function (url, width$$1, height$$1) { + var attrs = ''; + + if (width$$1) { + attrs += ' width="' + width$$1 + '"'; + } + + if (height$$1) { + attrs += ' height="' + height$$1 + '"'; + } + + editor.wysiwygEditorInsertHtml( + '' + ); + } + ); + }, + tooltip: 'Insert an image' + }, + // END_COMMAND + + // START_COMMAND: E-mail + email: { + _dropDown: function (editor, caller, cb) { + var content = createElement('div'); + + appendChild(content, _tmpl('email', { + label: editor._('E-mail:'), + desc: editor._('Description (optional):'), + insert: editor._('Insert') + }, true)); + + on(content, 'click', '.button', function (e) { + var email = find(content, '#email')[0].value; + + if (email) { + cb(email, find(content, '#des')[0].value); + } + + editor.closeDropDown(true); + e.preventDefault(); + }); + + editor.createDropDown(caller, 'insertemail', content); + }, + exec: function (caller) { + var editor = this; + + defaultCmds.email._dropDown( + editor, + caller, + function (email, text) { + // needed for IE to reset the last range + editor.focus(); + + if (!editor.getRangeHelper().selectedHtml() || text) { + editor.wysiwygEditorInsertHtml( + '' + + (text || email) + + '' + ); + } else { + editor.execCommand('createlink', 'mailto:' + email); + } + } + ); + }, + tooltip: 'Insert an email' + }, + // END_COMMAND + + // START_COMMAND: Link + link: { + _dropDown: function (editor, caller, cb) { + var content = createElement('div'); + + appendChild(content, _tmpl('link', { + url: editor._('URL:'), + desc: editor._('Description (optional):'), + ins: editor._('Insert') + }, true)); + + var linkInput = find(content, '#link')[0]; + + function insertUrl(e) { + if (linkInput.value) { + cb(linkInput.value, find(content, '#des')[0].value); + } + + editor.closeDropDown(true); + e.preventDefault(); + } + + on(content, 'click', '.button', insertUrl); + on(content, 'keypress', function (e) { + // 13 = enter key + if (e.which === 13 && linkInput.value) { + insertUrl(e); + } + }, EVENT_CAPTURE); + + editor.createDropDown(caller, 'insertlink', content); + }, + exec: function (caller) { + var editor = this; + + defaultCmds.link._dropDown(editor, caller, function (url, text) { + // needed for IE to restore the last range + editor.focus(); + + // If there is no selected text then must set the URL as + // the text. Most browsers do this automatically, sadly + // IE doesn't. + if (text || !editor.getRangeHelper().selectedHtml()) { + text = text || url; + + editor.wysiwygEditorInsertHtml( + '' + text + '' + ); + } else { + editor.execCommand('createlink', url); + } + }); + }, + tooltip: 'Insert a link' + }, + // END_COMMAND + + // START_COMMAND: Unlink + unlink: { + state: function () { + return closest(this.currentNode(), 'a') ? 0 : -1; + }, + exec: function () { + var anchor = closest(this.currentNode(), 'a'); + + if (anchor) { + while (anchor.firstChild) { + insertBefore(anchor.firstChild, anchor); + } + + remove(anchor); + } + }, + tooltip: 'Unlink' + }, + // END_COMMAND + + + // START_COMMAND: Quote + quote: { + exec: function (caller, html, author) { + var before = '
    ', + end = '
    '; + + // if there is HTML passed set end to null so any selected + // text is replaced + if (html) { + author = (author ? '' + author + '' : ''); + before = before + author + html + end; + end = null; + // if not add a newline to the end of the inserted quote + } else if (this.getRangeHelper().selectedHtml() === '') { + end = (IE_BR_FIX ? '' : '
    ') + end; + } + + this.wysiwygEditorInsertHtml(before, end); + }, + tooltip: 'Insert a Quote' + }, + // END_COMMAND + + // START_COMMAND: Emoticons + emoticon: { + exec: function (caller) { + var editor = this; + + var createContent = function (includeMore) { + var moreLink, + opts = editor.opts, + emoticonsRoot = opts.emoticonsRoot || '', + emoticonsCompat = opts.emoticonsCompat, + rangeHelper = editor.getRangeHelper(), + startSpace = emoticonsCompat && + rangeHelper.getOuterText(true, 1) !== ' ' ? ' ' : '', + endSpace = emoticonsCompat && + rangeHelper.getOuterText(false, 1) !== ' ' ? ' ' : '', + content = createElement('div'), + line = createElement('div'), + perLine = 0, + emoticons = extend( + {}, + opts.emoticons.dropdown, + includeMore ? opts.emoticons.more : {} + ); + + appendChild(content, line); + + perLine = Math.sqrt(Object.keys(emoticons).length); + + on(content, 'click', 'img', function (e) { + editor.insert(startSpace + attr(this, 'alt') + endSpace, + null, false).closeDropDown(true); + + e.preventDefault(); + }); + + each(emoticons, function (code, emoticon) { + appendChild(line, createElement('img', { + src: emoticonsRoot + (emoticon.url || emoticon), + alt: code, + title: emoticon.tooltip || code + })); + + if (line.children.length >= perLine) { + line = createElement('div'); + appendChild(content, line); + } + }); + + if (!includeMore && opts.emoticons.more) { + moreLink = createElement('a', { + className: 'sceditor-more' + }); + + appendChild(moreLink, + document.createTextNode(editor._('More'))); + + on(moreLink, 'click', function (e) { + editor.createDropDown( + caller, 'more-emoticons', createContent(true) + ); + + e.preventDefault(); + }); + + appendChild(content, moreLink); + } + + return content; + }; + + editor.createDropDown(caller, 'emoticons', createContent(false)); + }, + txtExec: function (caller) { + defaultCmds.emoticon.exec.call(this, caller); + }, + tooltip: 'Insert an emoticon' + }, + // END_COMMAND + + // START_COMMAND: YouTube + youtube: { + _dropDown: function (editor, caller, callback) { + var content = createElement('div'); + + appendChild(content, _tmpl('youtubeMenu', { + label: editor._('Video URL:'), + insert: editor._('Insert') + }, true)); + + on(content, 'click', '.button', function (e) { + var val = find(content, '#link')[0].value; + var idMatch = val.match(/(?:v=|v\/|embed\/|youtu.be\/)(.{11})/); + var timeMatch = val.match(/[&|?](?:star)?t=((\d+[hms]?){1,3})/); + var time = 0; + + if (timeMatch) { + each(timeMatch[1].split(/[hms]/), function (i, val) { + if (val !== '') { + time = (time * 60) + Number(val); + } + }); + } + + if (idMatch && /^[a-zA-Z0-9_\-]{11}$/.test(idMatch[1])) { + callback(idMatch[1], time); + } + + editor.closeDropDown(true); + e.preventDefault(); + }); + + editor.createDropDown(caller, 'insertlink', content); + }, + exec: function (btn) { + var editor = this; + + defaultCmds.youtube._dropDown(editor, btn, function (id, time) { + editor.wysiwygEditorInsertHtml(_tmpl('youtube', { + id: id, + time: time + })); + }); + }, + tooltip: 'Insert a YouTube video' + }, + // END_COMMAND + + // START_COMMAND: Date + date: { + _date: function (editor) { + var now = new Date(), + year = now.getYear(), + month = now.getMonth() + 1, + day = now.getDate(); + + if (year < 2000) { + year = 1900 + year; + } + + if (month < 10) { + month = '0' + month; + } + + if (day < 10) { + day = '0' + day; + } + + return editor.opts.dateFormat + .replace(/year/i, year) + .replace(/month/i, month) + .replace(/day/i, day); + }, + exec: function () { + this.insertText(defaultCmds.date._date(this)); + }, + txtExec: function () { + this.insertText(defaultCmds.date._date(this)); + }, + tooltip: 'Insert current date' + }, + // END_COMMAND + + // START_COMMAND: Time + time: { + _time: function () { + var now = new Date(), + hours = now.getHours(), + mins = now.getMinutes(), + secs = now.getSeconds(); + + if (hours < 10) { + hours = '0' + hours; + } + + if (mins < 10) { + mins = '0' + mins; + } + + if (secs < 10) { + secs = '0' + secs; + } + + return hours + ':' + mins + ':' + secs; + }, + exec: function () { + this.insertText(defaultCmds.time._time()); + }, + txtExec: function () { + this.insertText(defaultCmds.time._time()); + }, + tooltip: 'Insert current time' + }, + // END_COMMAND + + + // START_COMMAND: Ltr + ltr: { + state: function (parents$$1, firstBlock) { + return firstBlock && firstBlock.style.direction === 'ltr'; + }, + exec: function () { + var editor = this, + rangeHelper = editor.getRangeHelper(), + node = rangeHelper.getFirstBlockParent(); + + editor.focus(); + + if (!node || is(node, 'body')) { + editor.execCommand('formatBlock', 'p'); + + node = rangeHelper.getFirstBlockParent(); + + if (!node || is(node, 'body')) { + return; + } + } + + var toggleValue = css(node, 'direction') === 'ltr' ? '' : 'ltr'; + css(node, 'direction', toggleValue); + }, + tooltip: 'Left-to-Right' + }, + // END_COMMAND + + // START_COMMAND: Rtl + rtl: { + state: function (parents$$1, firstBlock) { + return firstBlock && firstBlock.style.direction === 'rtl'; + }, + exec: function () { + var editor = this, + rangeHelper = editor.getRangeHelper(), + node = rangeHelper.getFirstBlockParent(); + + editor.focus(); + + if (!node || is(node, 'body')) { + editor.execCommand('formatBlock', 'p'); + + node = rangeHelper.getFirstBlockParent(); + + if (!node || is(node, 'body')) { + return; + } + } + + var toggleValue = css(node, 'direction') === 'rtl' ? '' : 'rtl'; + css(node, 'direction', toggleValue); + }, + tooltip: 'Right-to-Left' + }, + // END_COMMAND + + + // START_COMMAND: Print + print: { + exec: 'print', + tooltip: 'Print' + }, + // END_COMMAND + + // START_COMMAND: Maximize + maximize: { + state: function () { + return this.maximize(); + }, + exec: function () { + this.maximize(!this.maximize()); + }, + txtExec: function () { + this.maximize(!this.maximize()); + }, + tooltip: 'Maximize', + shortcut: 'Ctrl+Shift+M' + }, + // END_COMMAND + + // START_COMMAND: Source + source: { + state: function () { + return this.sourceMode(); + }, + exec: function () { + this.toggleSourceMode(); + }, + txtExec: function () { + this.toggleSourceMode(); + }, + tooltip: 'View source', + shortcut: 'Ctrl+Shift+S' + }, + // END_COMMAND + + // this is here so that commands above can be removed + // without having to remove the , after the last one. + // Needed for IE. + ignore: {} + }; + + var plugins = {}; + + /** + * Plugin Manager class + * @class PluginManager + * @name PluginManager + */ + function PluginManager(thisObj) { + /** + * Alias of this + * + * @private + * @type {Object} + */ + var base = this; + + /** + * Array of all currently registered plugins + * + * @type {Array} + * @private + */ + var registeredPlugins = []; + + + /** + * Changes a signals name from "name" into "signalName". + * + * @param {string} signal + * @return {string} + * @private + */ + var formatSignalName = function (signal) { + return 'signal' + signal.charAt(0).toUpperCase() + signal.slice(1); + }; + + /** + * Calls handlers for a signal + * + * @see call() + * @see callOnlyFirst() + * @param {Array} args + * @param {boolean} returnAtFirst + * @return {*} + * @private + */ + var callHandlers = function (args, returnAtFirst) { + args = [].slice.call(args); + + var idx, ret, + signal = formatSignalName(args.shift()); + + for (idx = 0; idx < registeredPlugins.length; idx++) { + if (signal in registeredPlugins[idx]) { + ret = registeredPlugins[idx][signal].apply(thisObj, args); + + if (returnAtFirst) { + return ret; + } + } + } + }; + + /** + * Calls all handlers for the passed signal + * + * @param {string} signal + * @param {...string} args + * @function + * @name call + * @memberOf PluginManager.prototype + */ + base.call = function () { + callHandlers(arguments, false); + }; + + /** + * Calls the first handler for a signal, and returns the + * + * @param {string} signal + * @param {...string} args + * @return {*} The result of calling the handler + * @function + * @name callOnlyFirst + * @memberOf PluginManager.prototype + */ + base.callOnlyFirst = function () { + return callHandlers(arguments, true); + }; + + /** + * Checks if a signal has a handler + * + * @param {string} signal + * @return {boolean} + * @function + * @name hasHandler + * @memberOf PluginManager.prototype + */ + base.hasHandler = function (signal) { + var i = registeredPlugins.length; + signal = formatSignalName(signal); + + while (i--) { + if (signal in registeredPlugins[i]) { + return true; + } + } + + return false; + }; + + /** + * Checks if the plugin exists in plugins + * + * @param {string} plugin + * @return {boolean} + * @function + * @name exists + * @memberOf PluginManager.prototype + */ + base.exists = function (plugin) { + if (plugin in plugins) { + plugin = plugins[plugin]; + + return typeof plugin === 'function' && + typeof plugin.prototype === 'object'; + } + + return false; + }; + + /** + * Checks if the passed plugin is currently registered. + * + * @param {string} plugin + * @return {boolean} + * @function + * @name isRegistered + * @memberOf PluginManager.prototype + */ + base.isRegistered = function (plugin) { + if (base.exists(plugin)) { + var idx = registeredPlugins.length; + + while (idx--) { + if (registeredPlugins[idx] instanceof plugins[plugin]) { + return true; + } + } + } + + return false; + }; + + /** + * Registers a plugin to receive signals + * + * @param {string} plugin + * @return {boolean} + * @function + * @name register + * @memberOf PluginManager.prototype + */ + base.register = function (plugin) { + if (!base.exists(plugin) || base.isRegistered(plugin)) { + return false; + } + + plugin = new plugins[plugin](); + registeredPlugins.push(plugin); + + if ('init' in plugin) { + plugin.init.call(thisObj); + } + + return true; + }; + + /** + * Deregisters a plugin. + * + * @param {string} plugin + * @return {boolean} + * @function + * @name deregister + * @memberOf PluginManager.prototype + */ + base.deregister = function (plugin) { + var removedPlugin, + pluginIdx = registeredPlugins.length, + removed = false; + + if (!base.isRegistered(plugin)) { + return removed; + } + + while (pluginIdx--) { + if (registeredPlugins[pluginIdx] instanceof plugins[plugin]) { + removedPlugin = registeredPlugins.splice(pluginIdx, 1)[0]; + removed = true; + + if ('destroy' in removedPlugin) { + removedPlugin.destroy.call(thisObj); + } + } + } + + return removed; + }; + + /** + * Clears all plugins and removes the owner reference. + * + * Calling any functions on this object after calling + * destroy will cause a JS error. + * + * @name destroy + * @memberOf PluginManager.prototype + */ + base.destroy = function () { + var i = registeredPlugins.length; + + while (i--) { + if ('destroy' in registeredPlugins[i]) { + registeredPlugins[i].destroy.call(thisObj); + } + } + + registeredPlugins = []; + thisObj = null; + }; + } + + PluginManager.plugins = plugins; + + // In IE < 11 a BR at the end of a block level element + // causes a line break. In all other browsers it's collapsed. + var IE_BR_FIX$1 = ie && ie < 11; + + + /** + * Gets the text, start/end node and offset for + * length chars left or right of the passed node + * at the specified offset. + * + * @param {Node} node + * @param {number} offset + * @param {boolean} isLeft + * @param {number} length + * @return {Object} + * @private + */ + var outerText = function (range, isLeft, length) { + var nodeValue, remaining, start, end, node, + text = '', + next = range.startContainer, + offset = range.startOffset; + + // Handle cases where node is a paragraph and offset + // refers to the index of a text node. + // 3 = text node + if (next && next.nodeType !== 3) { + next = next.childNodes[offset]; + offset = 0; + } + + start = end = offset; + + while (length > text.length && next && next.nodeType === 3) { + nodeValue = next.nodeValue; + remaining = length - text.length; + + // If not the first node, start and end should be at their + // max values as will be updated when getting the text + if (node) { + end = nodeValue.length; + start = 0; + } + + node = next; + + if (isLeft) { + start = Math.max(end - remaining, 0); + offset = start; + + text = nodeValue.substr(start, end - start) + text; + next = node.previousSibling; + } else { + end = Math.min(remaining, nodeValue.length); + offset = start + end; + + text += nodeValue.substr(start, end); + next = node.nextSibling; + } + } + + return { + node: node || next, + offset: offset, + text: text + }; + }; + + /** + * Range helper + * + * @class RangeHelper + * @name RangeHelper + */ + function RangeHelper(win, d) { + var _createMarker, _prepareInput, + doc = d || win.contentDocument || win.document, + startMarker = 'sceditor-start-marker', + endMarker = 'sceditor-end-marker', + base = this; + + /** + * Inserts HTML into the current range replacing any selected + * text. + * + * If endHTML is specified the selected contents will be put between + * html and endHTML. If there is nothing selected html and endHTML are + * just concatenate together. + * + * @param {string} html + * @param {string} [endHTML] + * @return False on fail + * @function + * @name insertHTML + * @memberOf RangeHelper.prototype + */ + base.insertHTML = function (html, endHTML) { + var node, div, + range = base.selectedRange(); + + if (!range) { + return false; + } + + if (endHTML) { + html += base.selectedHtml() + endHTML; + } + + div = createElement('p', {}, doc); + node = doc.createDocumentFragment(); + div.innerHTML = html; + + while (div.firstChild) { + appendChild(node, div.firstChild); + } + + base.insertNode(node); + }; + + /** + * Prepares HTML to be inserted by adding a zero width space + * if the last child is empty and adding the range start/end + * markers to the last child. + * + * @param {Node|string} node + * @param {Node|string} [endNode] + * @param {boolean} [returnHtml] + * @return {Node|string} + * @private + */ + _prepareInput = function (node, endNode, returnHtml) { + var lastChild, + frag = doc.createDocumentFragment(); + + if (typeof node === 'string') { + if (endNode) { + node += base.selectedHtml() + endNode; + } + + frag = parseHTML(node); + } else { + appendChild(frag, node); + + if (endNode) { + appendChild(frag, base.selectedRange().extractContents()); + appendChild(frag, endNode); + } + } + + if (!(lastChild = frag.lastChild)) { + return; + } + + while (!isInline(lastChild.lastChild, true)) { + lastChild = lastChild.lastChild; + } + + if (canHaveChildren(lastChild)) { + // Webkit won't allow the cursor to be placed inside an + // empty tag, so add a zero width space to it. + if (!lastChild.lastChild) { + appendChild(lastChild, document.createTextNode('\u200B')); + } + } else { + lastChild = frag; + } + + base.removeMarkers(); + + // Append marks to last child so when restored cursor will be in + // the right place + appendChild(lastChild, _createMarker(startMarker)); + appendChild(lastChild, _createMarker(endMarker)); + + if (returnHtml) { + var div = createElement('div'); + appendChild(div, frag); + + return div.innerHTML; + } + + return frag; + }; + + /** + * The same as insertHTML except with DOM nodes instead + * + * Warning: the nodes must belong to the + * document they are being inserted into. Some browsers + * will throw exceptions if they don't. + * + * Returns boolean false on fail + * + * @param {Node} node + * @param {Node} endNode + * @return {false|undefined} + * @function + * @name insertNode + * @memberOf RangeHelper.prototype + */ + base.insertNode = function (node, endNode) { + var input = _prepareInput(node, endNode), + range = base.selectedRange(), + parent$$1 = range.commonAncestorContainer; + + if (!input) { + return false; + } + + range.deleteContents(); + + // FF allows
    to be selected but inserting a node + // into
    will cause it not to be displayed so must + // insert before the
    in FF. + // 3 = TextNode + if (parent$$1 && parent$$1.nodeType !== 3 && !canHaveChildren(parent$$1)) { + insertBefore(input, parent$$1); + } else { + range.insertNode(input); + } + + base.restoreRange(); + }; + + /** + * Clones the selected Range + * + * @return {Range} + * @function + * @name cloneSelected + * @memberOf RangeHelper.prototype + */ + base.cloneSelected = function () { + var range = base.selectedRange(); + + if (range) { + return range.cloneRange(); + } + }; + + /** + * Gets the selected Range + * + * @return {Range} + * @function + * @name selectedRange + * @memberOf RangeHelper.prototype + */ + base.selectedRange = function () { + var range, firstChild, + sel = win.getSelection(); + + if (!sel) { + return; + } + + // When creating a new range, set the start to the first child + // element of the body element to avoid errors in FF. + if (sel.rangeCount <= 0) { + firstChild = doc.body; + while (firstChild.firstChild) { + firstChild = firstChild.firstChild; + } + + range = doc.createRange(); + // Must be setStartBefore otherwise it can cause infinite + // loops with lists in WebKit. See issue 442 + range.setStartBefore(firstChild); + + sel.addRange(range); + } + + if (sel.rangeCount > 0) { + range = sel.getRangeAt(0); + } + + return range; + }; + + /** + * Gets if there is currently a selection + * + * @return {boolean} + * @function + * @name hasSelection + * @since 1.4.4 + * @memberOf RangeHelper.prototype + */ + base.hasSelection = function () { + var sel = win.getSelection(); + + return sel && sel.rangeCount > 0; + }; + + /** + * Gets the currently selected HTML + * + * @return {string} + * @function + * @name selectedHtml + * @memberOf RangeHelper.prototype + */ + base.selectedHtml = function () { + var div, + range = base.selectedRange(); + + if (range) { + div = createElement('p', {}, doc); + appendChild(div, range.cloneContents()); + + return div.innerHTML; + } + + return ''; + }; + + /** + * Gets the parent node of the selected contents in the range + * + * @return {HTMLElement} + * @function + * @name parentNode + * @memberOf RangeHelper.prototype + */ + base.parentNode = function () { + var range = base.selectedRange(); + + if (range) { + return range.commonAncestorContainer; + } + }; + + /** + * Gets the first block level parent of the selected + * contents of the range. + * + * @return {HTMLElement} + * @function + * @name getFirstBlockParent + * @memberOf RangeHelper.prototype + */ + /** + * Gets the first block level parent of the selected + * contents of the range. + * + * @param {Node} [n] The element to get the first block level parent from + * @return {HTMLElement} + * @function + * @name getFirstBlockParent^2 + * @since 1.4.1 + * @memberOf RangeHelper.prototype + */ + base.getFirstBlockParent = function (node) { + var func = function (elm) { + if (!isInline(elm, true)) { + return elm; + } + + elm = elm ? elm.parentNode : null; + + return elm ? func(elm) : elm; + }; + + return func(node || base.parentNode()); + }; + + /** + * Inserts a node at either the start or end of the current selection + * + * @param {Bool} start + * @param {Node} node + * @function + * @name insertNodeAt + * @memberOf RangeHelper.prototype + */ + base.insertNodeAt = function (start, node) { + var currentRange = base.selectedRange(), + range = base.cloneSelected(); + + if (!range) { + return false; + } + + range.collapse(start); + range.insertNode(node); + + // Reselect the current range. + // Fixes issue with Chrome losing the selection. Issue#82 + base.selectRange(currentRange); + }; + + /** + * Creates a marker node + * + * @param {string} id + * @return {HTMLSpanElement} + * @private + */ + _createMarker = function (id) { + base.removeMarker(id); + + var marker = createElement('span', { + id: id, + className: 'sceditor-selection sceditor-ignore', + style: 'display:none;line-height:0' + }, doc); + + marker.innerHTML = ' '; + + return marker; + }; + + /** + * Inserts start/end markers for the current selection + * which can be used by restoreRange to re-select the + * range. + * + * @memberOf RangeHelper.prototype + * @function + * @name insertMarkers + */ + base.insertMarkers = function () { + var currentRange = base.selectedRange(); + var startNode = _createMarker(startMarker); + + base.removeMarkers(); + base.insertNodeAt(true, startNode); + + // Fixes issue with end marker sometimes being placed before + // the start marker when the range is collapsed. + if (currentRange && currentRange.collapsed) { + startNode.parentNode.insertBefore( + _createMarker(endMarker), startNode.nextSibling); + } else { + base.insertNodeAt(false, _createMarker(endMarker)); + } + }; + + /** + * Gets the marker with the specified ID + * + * @param {string} id + * @return {Node} + * @function + * @name getMarker + * @memberOf RangeHelper.prototype + */ + base.getMarker = function (id) { + return doc.getElementById(id); + }; + + /** + * Removes the marker with the specified ID + * + * @param {string} id + * @function + * @name removeMarker + * @memberOf RangeHelper.prototype + */ + base.removeMarker = function (id) { + var marker = base.getMarker(id); + + if (marker) { + remove(marker); + } + }; + + /** + * Removes the start/end markers + * + * @function + * @name removeMarkers + * @memberOf RangeHelper.prototype + */ + base.removeMarkers = function () { + base.removeMarker(startMarker); + base.removeMarker(endMarker); + }; + + /** + * Saves the current range location. Alias of insertMarkers() + * + * @function + * @name saveRage + * @memberOf RangeHelper.prototype + */ + base.saveRange = function () { + base.insertMarkers(); + }; + + /** + * Select the specified range + * + * @param {Range} range + * @function + * @name selectRange + * @memberOf RangeHelper.prototype + */ + base.selectRange = function (range) { + var lastChild; + var sel = win.getSelection(); + var container = range.endContainer; + + // Check if cursor is set after a BR when the BR is the only + // child of the parent. In Firefox this causes a line break + // to occur when something is typed. See issue #321 + if (!IE_BR_FIX$1 && range.collapsed && container && + !isInline(container, true)) { + + lastChild = container.lastChild; + while (lastChild && is(lastChild, '.sceditor-ignore')) { + lastChild = lastChild.previousSibling; + } + + if (is(lastChild, 'br')) { + var rng = doc.createRange(); + rng.setEndAfter(lastChild); + rng.collapse(false); + + if (base.compare(range, rng)) { + range.setStartBefore(lastChild); + range.collapse(true); + } + } + } + + if (sel) { + base.clear(); + sel.addRange(range); + } + }; + + /** + * Restores the last range saved by saveRange() or insertMarkers() + * + * @function + * @name restoreRange + * @memberOf RangeHelper.prototype + */ + base.restoreRange = function () { + var isCollapsed, + range = base.selectedRange(), + start = base.getMarker(startMarker), + end = base.getMarker(endMarker); + + if (!start || !end || !range) { + return false; + } + + isCollapsed = start.nextSibling === end; + + range = doc.createRange(); + range.setStartBefore(start); + range.setEndAfter(end); + + if (isCollapsed) { + range.collapse(true); + } + + base.selectRange(range); + base.removeMarkers(); + }; + + /** + * Selects the text left and right of the current selection + * + * @param {number} left + * @param {number} right + * @since 1.4.3 + * @function + * @name selectOuterText + * @memberOf RangeHelper.prototype + */ + base.selectOuterText = function (left, right) { + var start, end, + range = base.cloneSelected(); + + if (!range) { + return false; + } + + range.collapse(false); + + start = outerText(range, true, left); + end = outerText(range, false, right); + + range.setStart(start.node, start.offset); + range.setEnd(end.node, end.offset); + + base.selectRange(range); + }; + + /** + * Gets the text left or right of the current selection + * + * @param {boolean} before + * @param {number} length + * @return {string} + * @since 1.4.3 + * @function + * @name selectOuterText + * @memberOf RangeHelper.prototype + */ + base.getOuterText = function (before, length) { + var range = base.cloneSelected(); + + if (!range) { + return ''; + } + + range.collapse(!before); + + return outerText(range, before, length).text; + }; + + /** + * Replaces keywords with values based on the current caret position + * + * @param {Array} keywords + * @param {boolean} includeAfter If to include the text after the + * current caret position or just + * text before + * @param {boolean} keywordsSorted If the keywords array is pre + * sorted shortest to longest + * @param {number} longestKeyword Length of the longest keyword + * @param {boolean} requireWhitespace If the key must be surrounded + * by whitespace + * @param {string} keypressChar If this is being called from + * a keypress event, this should be + * set to the pressed character + * @return {boolean} + * @function + * @name replaceKeyword + * @memberOf RangeHelper.prototype + */ + // eslint-disable-next-line max-params + base.replaceKeyword = function ( + keywords, + includeAfter, + keywordsSorted, + longestKeyword, + requireWhitespace, + keypressChar + ) { + if (!keywordsSorted) { + keywords.sort(function (a, b) { + return a[0].length - b[0].length; + }); + } + + var outerText, match, matchPos, startIndex, + leftLen, charsLeft, keyword, keywordLen, + whitespaceRegex = '(^|[\\s\xA0\u2002\u2003\u2009])', + keywordIdx = keywords.length, + whitespaceLen = requireWhitespace ? 1 : 0, + maxKeyLen = longestKeyword || + keywords[keywordIdx - 1][0].length; + + if (requireWhitespace) { + maxKeyLen++; + } + + keypressChar = keypressChar || ''; + outerText = base.getOuterText(true, maxKeyLen); + leftLen = outerText.length; + outerText += keypressChar; + + if (includeAfter) { + outerText += base.getOuterText(false, maxKeyLen); + } + + while (keywordIdx--) { + keyword = keywords[keywordIdx][0]; + keywordLen = keyword.length; + startIndex = Math.max(0, leftLen - keywordLen - whitespaceLen); + matchPos = -1; + + if (requireWhitespace) { + match = outerText + .substr(startIndex) + .match(new RegExp(whitespaceRegex + + regex(keyword) + whitespaceRegex)); + + if (match) { + // Add the length of the text that was removed by + // substr() and also add 1 for the whitespace + matchPos = match.index + startIndex + match[1].length; + } + } else { + matchPos = outerText.indexOf(keyword, startIndex); + } + + if (matchPos > -1) { + // Make sure the match is between before and + // after, not just entirely in one side or the other + if (matchPos <= leftLen && + matchPos + keywordLen + whitespaceLen >= leftLen) { + charsLeft = leftLen - matchPos; + + // If the keypress char is white space then it should + // not be replaced, only chars that are part of the + // key should be replaced. + base.selectOuterText( + charsLeft, + keywordLen - charsLeft - + (/^\S/.test(keypressChar) ? 1 : 0) + ); + + base.insertHTML(keywords[keywordIdx][1]); + return true; + } + } + } + + return false; + }; + + /** + * Compares two ranges. + * + * If rangeB is undefined it will be set to + * the current selected range + * + * @param {Range} rngA + * @param {Range} [rngB] + * @return {boolean} + * @function + * @name compare + * @memberOf RangeHelper.prototype + */ + base.compare = function (rngA, rngB) { + if (!rngB) { + rngB = base.selectedRange(); + } + + if (!rngA || !rngB) { + return !rngA && !rngB; + } + + return rngA.compareBoundaryPoints(Range.END_TO_END, rngB) === 0 && + rngA.compareBoundaryPoints(Range.START_TO_START, rngB) === 0; + }; + + /** + * Removes any current selection + * + * @since 1.4.6 + * @function + * @name clear + * @memberOf RangeHelper.prototype + */ + base.clear = function () { + var sel = win.getSelection(); + + if (sel) { + if (sel.removeAllRanges) { + sel.removeAllRanges(); + } else if (sel.empty) { + sel.empty(); + } + } + }; + } + + /** + * Checks all emoticons are surrounded by whitespace and + * replaces any that aren't with with their emoticon code. + * + * @param {HTMLElement} node + * @param {rangeHelper} rangeHelper + * @return {void} + */ + function checkWhitespace(node, rangeHelper) { + var noneWsRegex = /[^\s\xA0\u2002\u2003\u2009\u00a0]+/; + var emoticons = node && find(node, 'img[data-sceditor-emoticon]'); + + if (!node || !emoticons.length) { + return; + } + + for (var i = 0; i < emoticons.length; i++) { + var emoticon = emoticons[i]; + var parent$$1 = emoticon.parentNode; + var prev = emoticon.previousSibling; + var next = emoticon.nextSibling; + + if ((!prev || !noneWsRegex.test(prev.nodeValue.slice(-1))) && + (!next || !noneWsRegex.test((next.nodeValue || '')[0]))) { + continue; + } + + var range = rangeHelper.cloneSelected(); + var rangeStart = -1; + var rangeStartContainer = range.startContainer; + var previousText = prev.nodeValue; + + // For IE's HTMLPhraseElement + if (previousText === null) { + previousText = prev.innerText || ''; + } + + previousText += data(emoticon, 'sceditor-emoticon'); + + // If the cursor is after the removed emoticon, add + // the length of the newly added text to it + if (rangeStartContainer === next) { + rangeStart = previousText.length + range.startOffset; + } + + // If the cursor is set before the next node, set it to + // the end of the new text node + if (rangeStartContainer === node && + node.childNodes[range.startOffset] === next) { + rangeStart = previousText.length; + } + + // If the cursor is set before the removed emoticon, + // just keep it at that position + if (rangeStartContainer === prev) { + rangeStart = range.startOffset; + } + + if (!next || next.nodeType !== TEXT_NODE) { + next = parent$$1.insertBefore( + parent$$1.ownerDocument.createTextNode(''), next + ); + } + + next.insertData(0, previousText); + remove(prev); + remove(emoticon); + + // Need to update the range starting position if it's been modified + if (rangeStart > -1) { + range.setStart(next, rangeStart); + range.collapse(true); + rangeHelper.selectRange(range); + } + } + } + + /** + * Replaces any emoticons inside the root node with images. + * + * emoticons should be an object where the key is the emoticon + * code and the value is the HTML to replace it with. + * + * @param {HTMLElement} root + * @param {Object} emoticons + * @param {boolean} emoticonsCompat + * @return {void} + */ + function replace(root, emoticons, emoticonsCompat) { + var doc = root.ownerDocument; + var space = '(^|\\s|\xA0|\u2002|\u2003|\u2009|$)'; + var emoticonCodes = []; + var emoticonRegex = {}; + + // TODO: Make this tag configurable. + if (parent(root, 'code')) { + return; + } + + each(emoticons, function (key) { + emoticonRegex[key] = new RegExp(space + regex(key) + space); + emoticonCodes.push(key); + }); + + // Sort keys longest to shortest so that longer keys + // take precedence (avoids bugs with shorter keys partially + // matching longer ones) + emoticonCodes.sort(function (a, b) { + return b.length - a.length; + }); + + (function convert(node) { + node = node.firstChild; + + while (node) { + // TODO: Make this tag configurable. + if (node.nodeType === ELEMENT_NODE && !is(node, 'code')) { + convert(node); + } + + if (node.nodeType === TEXT_NODE) { + for (var i = 0; i < emoticonCodes.length; i++) { + var text = node.nodeValue; + var key = emoticonCodes[i]; + var index = emoticonsCompat ? + text.search(emoticonRegex[key]) : + text.indexOf(key); + + if (index > -1) { + // When emoticonsCompat is enabled this will be the + // position after any white space + var startIndex = text.indexOf(key, index); + var fragment = parseHTML(emoticons[key], doc); + var after = text.substr(startIndex + key.length); + + fragment.appendChild(doc.createTextNode(after)); + + node.nodeValue = text.substr(0, startIndex); + node.parentNode + .insertBefore(fragment, node.nextSibling); + } + } + } + + node = node.nextSibling; + } + }(root)); + } + + var globalWin = window; + var globalDoc = document; + + var IE_VER = ie; + + // In IE < 11 a BR at the end of a block level element + // causes a line break. In all other browsers it's collapsed. + var IE_BR_FIX$2 = IE_VER && IE_VER < 11; + + var IMAGE_MIME_REGEX = /^image\/(p?jpe?g|gif|png|bmp)$/i; + + /** + * Wrap inlines that are in the root in paragraphs. + * + * @param {HTMLBodyElement} body + * @param {Document} doc + * @private + */ + function wrapInlines(body, doc) { + var wrapper; + + traverse(body, function (node) { + if (isInline(node, true)) { + if (!wrapper) { + wrapper = createElement('p', {}, doc); + insertBefore(wrapper, node); + } + + if (node.nodeType !== TEXT_NODE || node.nodeValue !== '') { + appendChild(wrapper, node); + } + } else { + wrapper = null; + } + }, false, true); + } + + /** + * SCEditor - A lightweight WYSIWYG editor + * + * @param {HTMLTextAreaElement} original The textarea to be converted + * @param {Object} userOptions + * @class SCEditor + * @name SCEditor + */ + function SCEditor(original, userOptions) { + /** + * Alias of this + * + * @private + */ + var base = this; + + /** + * Editor format like BBCode or HTML + */ + var format; + + /** + * The div which contains the editor and toolbar + * + * @type {HTMLDivElement} + * @private + */ + var editorContainer; + + /** + * Map of events handlers bound to this instance. + * + * @type {Object} + * @private + */ + var eventHandlers = {}; + + /** + * The editors toolbar + * + * @type {HTMLDivElement} + * @private + */ + var toolbar; + + /** + * The editors iframe which should be in design mode + * + * @type {HTMLIFrameElement} + * @private + */ + var wysiwygEditor; + + /** + * The editors window + * + * @type {Window} + * @private + */ + var wysiwygWindow; + + /** + * The WYSIWYG editors body element + * + * @type {HTMLBodyElement} + * @private + */ + var wysiwygBody; + + /** + * The WYSIWYG editors document + * + * @type {Document} + * @private + */ + var wysiwygDocument; + + /** + * The editors textarea for viewing source + * + * @type {HTMLTextAreaElement} + * @private + */ + var sourceEditor; + + /** + * The current dropdown + * + * @type {HTMLDivElement} + * @private + */ + var dropdown; + + /** + * Store the last cursor position. Needed for IE because it forgets + * + * @type {Range} + * @private + */ + var lastRange; + + /** + * If the user is currently composing text via IME + * @type {boolean} + */ + var isComposing; + + /** + * Timer for valueChanged key handler + * @type {number} + */ + var valueChangedKeyUpTimer; + + /** + * The editors locale + * + * @private + */ + var locale; + + /** + * Stores a cache of preloaded images + * + * @private + * @type {Array.} + */ + var preLoadCache = []; + + /** + * The editors rangeHelper instance + * + * @type {RangeHelper} + * @private + */ + var rangeHelper; + + /** + * An array of button state handlers + * + * @type {Array.} + * @private + */ + var btnStateHandlers = []; + + /** + * Plugin manager instance + * + * @type {PluginManager} + * @private + */ + var pluginManager; + + /** + * The current node containing the selection/caret + * + * @type {Node} + * @private + */ + var currentNode; + + /** + * The first block level parent of the current node + * + * @type {node} + * @private + */ + var currentBlockNode; + + /** + * The current node selection/caret + * + * @type {Object} + * @private + */ + var currentSelection; + + /** + * Used to make sure only 1 selection changed + * check is called every 100ms. + * + * Helps improve performance as it is checked a lot. + * + * @type {boolean} + * @private + */ + var isSelectionCheckPending; + + /** + * If content is required (equivalent to the HTML5 required attribute) + * + * @type {boolean} + * @private + */ + var isRequired; + + /** + * The inline CSS style element. Will be undefined + * until css() is called for the first time. + * + * @type {HTMLStyleElement} + * @private + */ + var inlineCss; + + /** + * Object containing a list of shortcut handlers + * + * @type {Object} + * @private + */ + var shortcutHandlers = {}; + + /** + * The min and max heights that autoExpand should stay within + * + * @type {Object} + * @private + */ + var autoExpandBounds; + + /** + * Timeout for the autoExpand function to throttle calls + * + * @private + */ + var autoExpandThrottle; + + /** + * Cache of the current toolbar buttons + * + * @type {Object} + * @private + */ + var toolbarButtons = {}; + + /** + * Last scroll position before maximizing so + * it can be restored when finished. + * + * @type {number} + * @private + */ + var maximizeScrollPosition; + + /** + * Stores the contents while a paste is taking place. + * + * Needed to support browsers that lack clipboard API support. + * + * @type {?DocumentFragment} + * @private + */ + var pasteContentFragment; + + /** + * All the emoticons from dropdown, more and hidden combined + * and with the emoticons root set + * + * @type {!Object} + * @private + */ + var allEmoticons = {}; + + /** + * Current icon set if any + * + * @type {?Object} + * @private + */ + var icons; + + /** + * Private functions + * @private + */ + var init, + replaceEmoticons, + handleCommand, + saveRange, + initEditor, + initPlugins, + initLocale, + initToolBar, + initOptions, + initEvents, + initResize, + initEmoticons, + handlePasteEvt, + handlePasteData, + handleKeyDown, + handleBackSpace, + handleKeyPress, + handleFormReset, + handleMouseDown, + handleComposition, + handleEvent, + handleDocumentClick, + updateToolBar, + updateActiveButtons, + sourceEditorSelectedText, + appendNewLine, + checkSelectionChanged, + checkNodeChanged, + autofocus, + emoticonsKeyPress, + emoticonsCheckWhitespace, + currentStyledBlockNode, + triggerValueChanged, + valueChangedBlur, + valueChangedKeyUp, + autoUpdate, + autoExpand; + + /** + * All the commands supported by the editor + * @name commands + * @memberOf SCEditor.prototype + */ + base.commands = extend(true, {}, (userOptions.commands || defaultCmds)); + + /** + * Options for this editor instance + * @name opts + * @memberOf SCEditor.prototype + */ + var options = base.opts = extend( + true, {}, defaultOptions, userOptions + ); + + // Don't deep extend emoticons (fixes #565) + base.opts.emoticons = userOptions.emoticons || defaultOptions.emoticons; + + /** + * Creates the editor iframe and textarea + * @private + */ + init = function () { + original._sceditor = base; + + // Load locale + if (options.locale && options.locale !== 'en') { + initLocale(); + } + + editorContainer = createElement('div', { + className: 'sceditor-container' + }); + + insertBefore(editorContainer, original); + css(editorContainer, 'z-index', options.zIndex); + + // Add IE version to the container to allow IE specific CSS + // fixes without using CSS hacks or conditional comments + if (IE_VER) { + addClass(editorContainer, 'ie ie' + IE_VER); + } + + isRequired = original.required; + original.required = false; + + var FormatCtor = SCEditor.formats[options.format]; + format = FormatCtor ? new FormatCtor() : {}; + if ('init' in format) { + format.init.call(base); + } + + // create the editor + initPlugins(); + initEmoticons(); + initToolBar(); + initEditor(); + initOptions(); + initEvents(); + + // force into source mode if is a browser that can't handle + // full editing + if (!isWysiwygSupported) { + base.toggleSourceMode(); + } + + updateActiveButtons(); + + var loaded = function () { + off(globalWin, 'load', loaded); + + if (options.autofocus) { + autofocus(); + } + + autoExpand(); + appendNewLine(); + // TODO: use editor doc and window? + pluginManager.call('ready'); + if ('onReady' in format) { + format.onReady.call(base); + } + }; + on(globalWin, 'load', loaded); + if (globalDoc.readyState === 'complete') { + loaded(); + } + }; + + initPlugins = function () { + var plugins = options.plugins; + + plugins = plugins ? plugins.toString().split(',') : []; + pluginManager = new PluginManager(base); + + plugins.forEach(function (plugin) { + pluginManager.register(plugin.trim()); + }); + }; + + /** + * Init the locale variable with the specified locale if possible + * @private + * @return void + */ + initLocale = function () { + var lang; + + locale = SCEditor.locale[options.locale]; + + if (!locale) { + lang = options.locale.split('-'); + locale = SCEditor.locale[lang[0]]; + } + + // Locale DateTime format overrides any specified in the options + if (locale && locale.dateFormat) { + options.dateFormat = locale.dateFormat; + } + }; + + /** + * Creates the editor iframe and textarea + * @private + */ + initEditor = function () { + sourceEditor = createElement('textarea'); + wysiwygEditor = createElement('iframe', { + frameborder: 0, + allowfullscreen: true + }); + + /* This needs to be done right after they are created because, + * for any reason, the user may not want the value to be tinkered + * by any filters. + */ + if (options.startInSourceMode) { + addClass(editorContainer, 'sourceMode'); + hide(wysiwygEditor); + } else { + addClass(editorContainer, 'wysiwygMode'); + hide(sourceEditor); + } + + if (!options.spellcheck) { + attr(editorContainer, 'spellcheck', 'false'); + } + + if (globalWin.location.protocol === 'https:') { + // eslint-disable-next-line no-script-url + attr(wysiwygEditor, 'src', 'javascript:false'); + } + + // Add the editor to the container + appendChild(editorContainer, wysiwygEditor); + appendChild(editorContainer, sourceEditor); + + // TODO: make this optional somehow + base.dimensions( + options.width || width(original), + options.height || height(original) + ); + + // Add IE version class to the HTML element so can apply + // conditional styling without CSS hacks + var className = IE_VER ? 'ie ie' + IE_VER : ''; + // Add ios to HTML so can apply CSS fix to only it + className += ios ? ' ios' : ''; + + wysiwygDocument = wysiwygEditor.contentDocument; + wysiwygDocument.open(); + wysiwygDocument.write(_tmpl('html', { + attrs: ' class="' + className + '"', + spellcheck: options.spellcheck ? '' : 'spellcheck="false"', + charset: options.charset, + style: options.style + })); + wysiwygDocument.close(); + + wysiwygBody = wysiwygDocument.body; + wysiwygWindow = wysiwygEditor.contentWindow; + + base.readOnly(!!options.readOnly); + + // iframe overflow fix for iOS, also fixes an IE issue with the + // editor not getting focus when clicking inside + if (ios || edge || IE_VER) { + height(wysiwygBody, '100%'); + + if (!IE_VER) { + on(wysiwygBody, 'touchend', base.focus); + } + } + + var tabIndex = attr(original, 'tabindex'); + attr(sourceEditor, 'tabindex', tabIndex); + attr(wysiwygEditor, 'tabindex', tabIndex); + + rangeHelper = new RangeHelper(wysiwygWindow); + + // load any textarea value into the editor + hide(original); + base.val(original.value); + + var placeholder = options.placeholder || + attr(original, 'placeholder'); + + if (placeholder) { + sourceEditor.placeholder = placeholder; + attr(wysiwygBody, 'placeholder', placeholder); + } + }; + + /** + * Initialises options + * @private + */ + initOptions = function () { + // auto-update original textbox on blur if option set to true + if (options.autoUpdate) { + on(wysiwygBody, 'blur', autoUpdate); + on(sourceEditor, 'blur', autoUpdate); + } + + if (options.rtl === null) { + options.rtl = css(sourceEditor, 'direction') === 'rtl'; + } + + base.rtl(!!options.rtl); + + if (options.autoExpand) { + // Need to update when images (or anything else) loads + on(wysiwygBody, 'load', autoExpand, EVENT_CAPTURE); + on(wysiwygBody, 'input keyup', autoExpand); + } + + if (options.resizeEnabled) { + initResize(); + } + + attr(editorContainer, 'id', options.id); + base.emoticons(options.emoticonsEnabled); + }; + + /** + * Initialises events + * @private + */ + initEvents = function () { + var form = original.form; + var compositionEvents = 'compositionstart compositionend'; + var eventsToForward = 'keydown keyup keypress focus blur contextmenu'; + var checkSelectionEvents = 'onselectionchange' in wysiwygDocument ? + 'selectionchange' : + 'keyup focus blur contextmenu mouseup touchend click'; + + on(globalDoc, 'click', handleDocumentClick); + + if (form) { + on(form, 'reset', handleFormReset); + on(form, 'submit', base.updateOriginal, EVENT_CAPTURE); + } + + on(wysiwygBody, 'keypress', handleKeyPress); + on(wysiwygBody, 'keydown', handleKeyDown); + on(wysiwygBody, 'keydown', handleBackSpace); + on(wysiwygBody, 'keyup', appendNewLine); + on(wysiwygBody, 'blur', valueChangedBlur); + on(wysiwygBody, 'keyup', valueChangedKeyUp); + on(wysiwygBody, 'paste', handlePasteEvt); + on(wysiwygBody, compositionEvents, handleComposition); + on(wysiwygBody, checkSelectionEvents, checkSelectionChanged); + on(wysiwygBody, eventsToForward, handleEvent); + + if (options.emoticonsCompat && globalWin.getSelection) { + on(wysiwygBody, 'keyup', emoticonsCheckWhitespace); + } + + on(wysiwygBody, 'blur', function () { + if (!base.val()) { + addClass(wysiwygBody, 'placeholder'); + } + }); + + on(wysiwygBody, 'focus', function () { + removeClass(wysiwygBody, 'placeholder'); + }); + + on(sourceEditor, 'blur', valueChangedBlur); + on(sourceEditor, 'keyup', valueChangedKeyUp); + on(sourceEditor, 'keydown', handleKeyDown); + on(sourceEditor, compositionEvents, handleComposition); + on(sourceEditor, eventsToForward, handleEvent); + + on(wysiwygDocument, 'mousedown', handleMouseDown); + on(wysiwygDocument, checkSelectionEvents, checkSelectionChanged); + on(wysiwygDocument, 'beforedeactivate keyup mouseup', saveRange); + on(wysiwygDocument, 'keyup', appendNewLine); + on(wysiwygDocument, 'focus', function () { + lastRange = null; + }); + + on(editorContainer, 'selectionchanged', checkNodeChanged); + on(editorContainer, 'selectionchanged', updateActiveButtons); + // Custom events to forward + on( + editorContainer, + 'selectionchanged valuechanged nodechanged pasteraw paste', + handleEvent + ); + }; + + /** + * Creates the toolbar and appends it to the container + * @private + */ + initToolBar = function () { + var group, + commands = base.commands, + exclude = (options.toolbarExclude || '').split(','), + groups = options.toolbar.split('|'); + + toolbar = createElement('div', { + className: 'sceditor-toolbar', + unselectable: 'on' + }); + + if (options.icons in SCEditor.icons) { + icons = new SCEditor.icons[options.icons](); + } + + each(groups, function (_, menuItems) { + group = createElement('div', { + className: 'sceditor-group' + }); + + each(menuItems.split(','), function (_, commandName) { + var button, shortcut, + command = commands[commandName]; + + // The commandName must be a valid command and not excluded + if (!command || exclude.indexOf(commandName) > -1) { + return; + } + + shortcut = command.shortcut; + button = _tmpl('toolbarButton', { + name: commandName, + dispName: base._(command.name || + command.tooltip || commandName) + }, true).firstChild; + + if (icons && icons.create) { + var icon = icons.create(commandName); + if (icon) { + insertBefore(icons.create(commandName), + button.firstChild); + addClass(button, 'has-icon'); + } + } + + button._sceTxtMode = !!command.txtExec; + button._sceWysiwygMode = !!command.exec; + toggleClass(button, 'disabled', !command.exec); + on(button, 'click', function (e) { + if (!hasClass(button, 'disabled')) { + handleCommand(button, command); + } + + updateActiveButtons(); + e.preventDefault(); + }); + // Prevent editor losing focus when button clicked + on(button, 'mousedown', function (e) { + base.closeDropDown(); + e.preventDefault(); + }); + + if (command.tooltip) { + attr(button, 'title', + base._(command.tooltip) + + (shortcut ? ' (' + shortcut + ')' : '') + ); + } + + if (shortcut) { + base.addShortcut(shortcut, commandName); + } + + if (command.state) { + btnStateHandlers.push({ + name: commandName, + state: command.state + }); + // exec string commands can be passed to queryCommandState + } else if (isString(command.exec)) { + btnStateHandlers.push({ + name: commandName, + state: command.exec + }); + } + + appendChild(group, button); + toolbarButtons[commandName] = button; + }); + + // Exclude empty groups + if (group.firstChild) { + appendChild(toolbar, group); + } + }); + + // Append the toolbar to the toolbarContainer option if given + appendChild(options.toolbarContainer || editorContainer, toolbar); + }; + + /** + * Creates the resizer. + * @private + */ + initResize = function () { + var minHeight, maxHeight, minWidth, maxWidth, + mouseMoveFunc, mouseUpFunc, + grip = createElement('div', { + className: 'sceditor-grip' + }), + // Cover is used to cover the editor iframe so document + // still gets mouse move events + cover = createElement('div', { + className: 'sceditor-resize-cover' + }), + moveEvents = 'touchmove mousemove', + endEvents = 'touchcancel touchend mouseup', + startX = 0, + startY = 0, + newX = 0, + newY = 0, + startWidth = 0, + startHeight = 0, + origWidth = width(editorContainer), + origHeight = height(editorContainer), + isDragging = false, + rtl = base.rtl(); + + minHeight = options.resizeMinHeight || origHeight / 1.5; + maxHeight = options.resizeMaxHeight || origHeight * 2.5; + minWidth = options.resizeMinWidth || origWidth / 1.25; + maxWidth = options.resizeMaxWidth || origWidth * 1.25; + + mouseMoveFunc = function (e) { + // iOS uses window.event + if (e.type === 'touchmove') { + e = globalWin.event; + newX = e.changedTouches[0].pageX; + newY = e.changedTouches[0].pageY; + } else { + newX = e.pageX; + newY = e.pageY; + } + + var newHeight = startHeight + (newY - startY), + newWidth = rtl ? + startWidth - (newX - startX) : + startWidth + (newX - startX); + + if (maxWidth > 0 && newWidth > maxWidth) { + newWidth = maxWidth; + } + if (minWidth > 0 && newWidth < minWidth) { + newWidth = minWidth; + } + if (!options.resizeWidth) { + newWidth = false; + } + + if (maxHeight > 0 && newHeight > maxHeight) { + newHeight = maxHeight; + } + if (minHeight > 0 && newHeight < minHeight) { + newHeight = minHeight; + } + if (!options.resizeHeight) { + newHeight = false; + } + + if (newWidth || newHeight) { + base.dimensions(newWidth, newHeight); + } + + e.preventDefault(); + }; + + mouseUpFunc = function (e) { + if (!isDragging) { + return; + } + + isDragging = false; + + hide(cover); + removeClass(editorContainer, 'resizing'); + off(globalDoc, moveEvents, mouseMoveFunc); + off(globalDoc, endEvents, mouseUpFunc); + + e.preventDefault(); + }; + + if (icons && icons.create) { + var icon = icons.create('grip'); + if (icon) { + appendChild(grip, icon); + addClass(grip, 'has-icon'); + } + } + + appendChild(editorContainer, grip); + appendChild(editorContainer, cover); + hide(cover); + + on(grip, 'touchstart mousedown', function (e) { + // iOS uses window.event + if (e.type === 'touchstart') { + e = globalWin.event; + startX = e.touches[0].pageX; + startY = e.touches[0].pageY; + } else { + startX = e.pageX; + startY = e.pageY; + } + + startWidth = width(editorContainer); + startHeight = height(editorContainer); + isDragging = true; + + addClass(editorContainer, 'resizing'); + show(cover); + on(globalDoc, moveEvents, mouseMoveFunc); + on(globalDoc, endEvents, mouseUpFunc); + + e.preventDefault(); + }); + }; + + /** + * Prefixes and preloads the emoticon images + * @private + */ + initEmoticons = function () { + var emoticons = options.emoticons; + var root = options.emoticonsRoot || ''; + + if (emoticons) { + allEmoticons = extend( + {}, emoticons.more, emoticons.dropdown, emoticons.hidden + ); + } + + each(allEmoticons, function (key, url) { + allEmoticons[key] = _tmpl('emoticon', { + key: key, + // Prefix emoticon root to emoticon urls + url: root + (url.url || url), + tooltip: url.tooltip || key + }); + + // Preload the emoticon + if (options.emoticonsEnabled) { + preLoadCache.push(createElement('img', { + src: root + (url.url || url) + })); + } + }); + }; + + /** + * Autofocus the editor + * @private + */ + autofocus = function () { + var range, txtPos, + node = wysiwygBody.firstChild, + focusEnd = !!options.autofocusEnd; + + // Can't focus invisible elements + if (!isVisible(editorContainer)) { + return; + } + + if (base.sourceMode()) { + txtPos = focusEnd ? sourceEditor.value.length : 0; + + sourceEditor.setSelectionRange(txtPos, txtPos); + + return; + } + + removeWhiteSpace(wysiwygBody); + + if (focusEnd) { + if (!(node = wysiwygBody.lastChild)) { + node = createElement('p', {}, wysiwygDocument); + appendChild(wysiwygBody, node); + } + + while (node.lastChild) { + node = node.lastChild; + + // IE < 11 should place the cursor after the
    as + // it will show it as a newline. IE >= 11 and all + // other browsers should place the cursor before. + if (!IE_BR_FIX$2 && is(node, 'br') && node.previousSibling) { + node = node.previousSibling; + } + } + } + + range = wysiwygDocument.createRange(); + + if (!canHaveChildren(node)) { + range.setStartBefore(node); + + if (focusEnd) { + range.setStartAfter(node); + } + } else { + range.selectNodeContents(node); + } + + range.collapse(!focusEnd); + rangeHelper.selectRange(range); + currentSelection = range; + + if (focusEnd) { + wysiwygBody.scrollTop = wysiwygBody.scrollHeight; + } + + base.focus(); + }; + + /** + * Gets if the editor is read only + * + * @since 1.3.5 + * @function + * @memberOf SCEditor.prototype + * @name readOnly + * @return {boolean} + */ + /** + * Sets if the editor is read only + * + * @param {boolean} readOnly + * @since 1.3.5 + * @function + * @memberOf SCEditor.prototype + * @name readOnly^2 + * @return {this} + */ + base.readOnly = function (readOnly) { + if (typeof readOnly !== 'boolean') { + return !sourceEditor.readonly; + } + + wysiwygBody.contentEditable = !readOnly; + sourceEditor.readonly = !readOnly; + + updateToolBar(readOnly); + + return base; + }; + + /** + * Gets if the editor is in RTL mode + * + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name rtl + * @return {boolean} + */ + /** + * Sets if the editor is in RTL mode + * + * @param {boolean} rtl + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name rtl^2 + * @return {this} + */ + base.rtl = function (rtl) { + var dir = rtl ? 'rtl' : 'ltr'; + + if (typeof rtl !== 'boolean') { + return attr(sourceEditor, 'dir') === 'rtl'; + } + + attr(wysiwygBody, 'dir', dir); + attr(sourceEditor, 'dir', dir); + + removeClass(editorContainer, 'rtl'); + removeClass(editorContainer, 'ltr'); + addClass(editorContainer, dir); + + if (icons && icons.rtl) { + icons.rtl(rtl); + } + + return base; + }; + + /** + * Updates the toolbar to disable/enable the appropriate buttons + * @private + */ + updateToolBar = function (disable) { + var mode = base.inSourceMode() ? '_sceTxtMode' : '_sceWysiwygMode'; + + each(toolbarButtons, function (_, button) { + toggleClass(button, 'disabled', disable || !button[mode]); + }); + }; + + /** + * Gets the width of the editor in pixels + * + * @since 1.3.5 + * @function + * @memberOf SCEditor.prototype + * @name width + * @return {number} + */ + /** + * Sets the width of the editor + * + * @param {number} width Width in pixels + * @since 1.3.5 + * @function + * @memberOf SCEditor.prototype + * @name width^2 + * @return {this} + */ + /** + * Sets the width of the editor + * + * The saveWidth specifies if to save the width. The stored width can be + * used for things like restoring from maximized state. + * + * @param {number} width Width in pixels + * @param {boolean} [saveWidth=true] If to store the width + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name width^3 + * @return {this} + */ + base.width = function (width$$1, saveWidth) { + if (!width$$1 && width$$1 !== 0) { + return width(editorContainer); + } + + base.dimensions(width$$1, null, saveWidth); + + return base; + }; + + /** + * Returns an object with the properties width and height + * which are the width and height of the editor in px. + * + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name dimensions + * @return {object} + */ + /** + *

    Sets the width and/or height of the editor.

    + * + *

    If width or height is not numeric it is ignored.

    + * + * @param {number} width Width in px + * @param {number} height Height in px + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name dimensions^2 + * @return {this} + */ + /** + *

    Sets the width and/or height of the editor.

    + * + *

    If width or height is not numeric it is ignored.

    + * + *

    The save argument specifies if to save the new sizes. + * The saved sizes can be used for things like restoring from + * maximized state. This should normally be left as true.

    + * + * @param {number} width Width in px + * @param {number} height Height in px + * @param {boolean} [save=true] If to store the new sizes + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name dimensions^3 + * @return {this} + */ + base.dimensions = function (width$$1, height$$1, save) { + // set undefined width/height to boolean false + width$$1 = (!width$$1 && width$$1 !== 0) ? false : width$$1; + height$$1 = (!height$$1 && height$$1 !== 0) ? false : height$$1; + + if (width$$1 === false && height$$1 === false) { + return { width: base.width(), height: base.height() }; + } + + if (width$$1 !== false) { + if (save !== false) { + options.width = width$$1; + } + + width(editorContainer, width$$1); + } + + if (height$$1 !== false) { + if (save !== false) { + options.height = height$$1; + } + + height(editorContainer, height$$1); + } + + return base; + }; + + /** + * Gets the height of the editor in px + * + * @since 1.3.5 + * @function + * @memberOf SCEditor.prototype + * @name height + * @return {number} + */ + /** + * Sets the height of the editor + * + * @param {number} height Height in px + * @since 1.3.5 + * @function + * @memberOf SCEditor.prototype + * @name height^2 + * @return {this} + */ + /** + * Sets the height of the editor + * + * The saveHeight specifies if to save the height. + * + * The stored height can be used for things like + * restoring from maximized state. + * + * @param {number} height Height in px + * @param {boolean} [saveHeight=true] If to store the height + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name height^3 + * @return {this} + */ + base.height = function (height$$1, saveHeight) { + if (!height$$1 && height$$1 !== 0) { + return height(editorContainer); + } + + base.dimensions(null, height$$1, saveHeight); + + return base; + }; + + /** + * Gets if the editor is maximised or not + * + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name maximize + * @return {boolean} + */ + /** + * Sets if the editor is maximised or not + * + * @param {boolean} maximize If to maximise the editor + * @since 1.4.1 + * @function + * @memberOf SCEditor.prototype + * @name maximize^2 + * @return {this} + */ + base.maximize = function (maximize) { + var maximizeSize = 'sceditor-maximize'; + + if (isUndefined(maximize)) { + return hasClass(editorContainer, maximizeSize); + } + + maximize = !!maximize; + + if (maximize) { + maximizeScrollPosition = globalWin.pageYOffset; + } + + toggleClass(globalDoc.documentElement, maximizeSize, maximize); + toggleClass(globalDoc.body, maximizeSize, maximize); + toggleClass(editorContainer, maximizeSize, maximize); + base.width(maximize ? '100%' : options.width, false); + base.height(maximize ? '100%' : options.height, false); + + if (!maximize) { + globalWin.scrollTo(0, maximizeScrollPosition); + } + + autoExpand(); + + return base; + }; + + autoExpand = function () { + if (options.autoExpand && !autoExpandThrottle) { + autoExpandThrottle = setTimeout(base.expandToContent, 200); + } + }; + + /** + * Expands or shrinks the editors height to the height of it's content + * + * Unless ignoreMaxHeight is set to true it will not expand + * higher than the maxHeight option. + * + * @since 1.3.5 + * @param {boolean} [ignoreMaxHeight=false] + * @function + * @name expandToContent + * @memberOf SCEditor.prototype + * @see #resizeToContent + */ + base.expandToContent = function (ignoreMaxHeight) { + if (base.maximize()) { + return; + } + + clearTimeout(autoExpandThrottle); + autoExpandThrottle = false; + + if (!autoExpandBounds) { + var height$$1 = options.resizeMinHeight || options.height || + height(original); + + autoExpandBounds = { + min: height$$1, + max: options.resizeMaxHeight || (height$$1 * 2) + }; + } + + var range = globalDoc.createRange(); + range.selectNodeContents(wysiwygBody); + + var rect = range.getBoundingClientRect(); + var current = wysiwygDocument.documentElement.clientHeight - 1; + var spaceNeeded = rect.bottom - rect.top; + var newHeight = base.height() + 1 + (spaceNeeded - current); + + if (!ignoreMaxHeight && autoExpandBounds.max !== -1) { + newHeight = Math.min(newHeight, autoExpandBounds.max); + } + + base.height(Math.ceil(Math.max(newHeight, autoExpandBounds.min))); + }; + + /** + * Destroys the editor, removing all elements and + * event handlers. + * + * Leaves only the original textarea. + * + * @function + * @name destroy + * @memberOf SCEditor.prototype + */ + base.destroy = function () { + // Don't destroy if the editor has already been destroyed + if (!pluginManager) { + return; + } + + pluginManager.destroy(); + + rangeHelper = null; + lastRange = null; + pluginManager = null; + + if (dropdown) { + remove(dropdown); + } + + off(globalDoc, 'click', handleDocumentClick); + + // TODO: make off support null nodes? + var form = original.form; + if (form) { + off(form, 'reset', handleFormReset); + off(form, 'submit', base.updateOriginal); + } + + remove(sourceEditor); + remove(toolbar); + remove(editorContainer); + + delete original._sceditor; + show(original); + + original.required = isRequired; + }; + + + /** + * Creates a menu item drop down + * + * @param {HTMLElement} menuItem The button to align the dropdown with + * @param {string} name Used for styling the dropdown, will be + * a class sceditor-name + * @param {HTMLElement} content The HTML content of the dropdown + * @param {boolean} ieFix If to add the unselectable attribute + * to all the contents elements. Stops + * IE from deselecting the text in the + * editor + * @function + * @name createDropDown + * @memberOf SCEditor.prototype + */ + base.createDropDown = function (menuItem, name, content, ieFix) { + // first click for create second click for close + var dropDownCss, + dropDownClass = 'sceditor-' + name; + + // Will re-focus the editor. This is needed for IE + // as it has special logic to save/restore the selection + base.closeDropDown(true); + + // Only close the dropdown if it was already open + if (dropdown && hasClass(dropdown, dropDownClass)) { + return; + } + + // IE needs unselectable attr to stop it from + // unselecting the text in the editor. + // SCEditor can cope if IE does unselect the + // text it's just not nice. + if (ieFix !== false) { + each(find(content, ':not(input):not(textarea)'), + function (_, node) { + if (node.nodeType === ELEMENT_NODE) { + attr(node, 'unselectable', 'on'); + } + }); + } + + dropDownCss = extend({ + top: menuItem.offsetTop, + left: menuItem.offsetLeft, + marginTop: menuItem.clientHeight + }, options.dropDownCss); + + dropdown = createElement('div', { + className: 'sceditor-dropdown ' + dropDownClass + }); + + css(dropdown, dropDownCss); + appendChild(dropdown, content); + appendChild(editorContainer, dropdown); + on(dropdown, 'click focusin', function (e) { + // stop clicks within the dropdown from being handled + e.stopPropagation(); + }); + + // If try to focus the first input immediately IE will + // place the cursor at the start of the editor instead + // of focusing on the input. + setTimeout(function () { + if (dropdown) { + var first = find(dropdown, 'input,textarea')[0]; + if (first) { + first.focus(); + } + } + }); + }; + + /** + * Handles any document click and closes the dropdown if open + * @private + */ + handleDocumentClick = function (e) { + // ignore right clicks + if (e.which !== 3 && dropdown && !e.defaultPrevented) { + autoUpdate(); + + base.closeDropDown(); + } + }; + + /** + * Handles the WYSIWYG editors paste event + * @private + */ + handlePasteEvt = function (e) { + var isIeOrEdge = IE_VER || edge; + var editable = wysiwygBody; + var clipboard = e.clipboardData; + var loadImage = function (file) { + var reader = new FileReader(); + reader.onload = function (e) { + handlePasteData({ + html: '' + }); + }; + reader.readAsDataURL(file); + }; + + // Modern browsers with clipboard API - everything other than _very_ + // old android web views and UC browser which doesn't support the + // paste event at all. + if (clipboard && !isIeOrEdge) { + var data$$1 = {}; + var types = clipboard.types; + var items = clipboard.items; + + e.preventDefault(); + + for (var i = 0; i < types.length; i++) { + // Normalise image pasting to paste as a data-uri + if (globalWin.FileReader && items && + IMAGE_MIME_REGEX.test(items[i].type)) { + return loadImage(clipboard.items[i].getAsFile()); + } + + data$$1[types[i]] = clipboard.getData(types[i]); + } + // Call plugins here with file? + data$$1.text = data$$1['text/plain']; + data$$1.html = data$$1['text/html']; + + handlePasteData(data$$1); + // If contentsFragment exists then we are already waiting for a + // previous paste so let the handler for that handle this one too + } else if (!pasteContentFragment) { + // Save the scroll position so can be restored + // when contents is restored + var scrollTop = editable.scrollTop; + + rangeHelper.saveRange(); + + pasteContentFragment = globalDoc.createDocumentFragment(); + while (editable.firstChild) { + appendChild(pasteContentFragment, editable.firstChild); + } + + setTimeout(function () { + var html = editable.innerHTML; + + editable.innerHTML = ''; + appendChild(editable, pasteContentFragment); + editable.scrollTop = scrollTop; + pasteContentFragment = false; + + rangeHelper.restoreRange(); + + handlePasteData({ html: html }); + }, 0); + } + }; + + /** + * Gets the pasted data, filters it and then inserts it. + * @param {Object} data + * @private + */ + handlePasteData = function (data$$1) { + var pasteArea = createElement('div', {}, wysiwygDocument); + + pluginManager.call('pasteRaw', data$$1); + trigger(editorContainer, 'pasteraw', data$$1); + + if (data$$1.html) { + pasteArea.innerHTML = data$$1.html; + + // fix any invalid nesting + fixNesting(pasteArea); + } else { + pasteArea.innerHTML = entities(data$$1.text || ''); + } + + var paste = { + val: pasteArea.innerHTML + }; + + if ('fragmentToSource' in format) { + paste.val = format + .fragmentToSource(paste.val, wysiwygDocument, currentNode); + } + + pluginManager.call('paste', paste); + trigger(editorContainer, 'paste', paste); + + if ('fragmentToHtml' in format) { + paste.val = format + .fragmentToHtml(paste.val, currentNode); + } + + pluginManager.call('pasteHtml', paste); + + base.wysiwygEditorInsertHtml(paste.val, null, true); + }; + + /** + * Closes any currently open drop down + * + * @param {boolean} [focus=false] If to focus the editor + * after closing the drop down + * @function + * @name closeDropDown + * @memberOf SCEditor.prototype + */ + base.closeDropDown = function (focus) { + if (dropdown) { + remove(dropdown); + dropdown = null; + } + + if (focus === true) { + base.focus(); + } + }; + + + /** + * Inserts HTML into WYSIWYG editor. + * + * If endHtml is specified, any selected text will be placed + * between html and endHtml. If there is no selected text html + * and endHtml will just be concatenate together. + * + * @param {string} html + * @param {string} [endHtml=null] + * @param {boolean} [overrideCodeBlocking=false] If to insert the html + * into code tags, by + * default code tags only + * support text. + * @function + * @name wysiwygEditorInsertHtml + * @memberOf SCEditor.prototype + */ + base.wysiwygEditorInsertHtml = function ( + html, endHtml, overrideCodeBlocking + ) { + var marker, scrollTop, scrollTo, + editorHeight = height(wysiwygEditor); + + base.focus(); + + // TODO: This code tag should be configurable and + // should maybe convert the HTML into text instead + // Don't apply to code elements + if (!overrideCodeBlocking && closest(currentBlockNode, 'code')) { + return; + } + + // Insert the HTML and save the range so the editor can be scrolled + // to the end of the selection. Also allows emoticons to be replaced + // without affecting the cursor position + rangeHelper.insertHTML(html, endHtml); + rangeHelper.saveRange(); + replaceEmoticons(); + + // Scroll the editor after the end of the selection + marker = find(wysiwygBody, '#sceditor-end-marker')[0]; + show(marker); + scrollTop = wysiwygBody.scrollTop; + scrollTo = (getOffset(marker).top + + (marker.offsetHeight * 1.5)) - editorHeight; + hide(marker); + + // Only scroll if marker isn't already visible + if (scrollTo > scrollTop || scrollTo + editorHeight < scrollTop) { + wysiwygBody.scrollTop = scrollTo; + } + + triggerValueChanged(false); + rangeHelper.restoreRange(); + + // Add a new line after the last block element + // so can always add text after it + appendNewLine(); + }; + + /** + * Like wysiwygEditorInsertHtml except it will convert any HTML + * into text before inserting it. + * + * @param {string} text + * @param {string} [endText=null] + * @function + * @name wysiwygEditorInsertText + * @memberOf SCEditor.prototype + */ + base.wysiwygEditorInsertText = function (text, endText) { + base.wysiwygEditorInsertHtml( + entities(text), entities(endText) + ); + }; + + /** + * Inserts text into the WYSIWYG or source editor depending on which + * mode the editor is in. + * + * If endText is specified any selected text will be placed between + * text and endText. If no text is selected text and endText will + * just be concatenate together. + * + * @param {string} text + * @param {string} [endText=null] + * @since 1.3.5 + * @function + * @name insertText + * @memberOf SCEditor.prototype + */ + base.insertText = function (text, endText) { + if (base.inSourceMode()) { + base.sourceEditorInsertText(text, endText); + } else { + base.wysiwygEditorInsertText(text, endText); + } + + return base; + }; + + /** + * Like wysiwygEditorInsertHtml but inserts text into the + * source mode editor instead. + * + * If endText is specified any selected text will be placed between + * text and endText. If no text is selected text and endText will + * just be concatenate together. + * + * The cursor will be placed after the text param. If endText is + * specified the cursor will be placed before endText, so passing:
    + * + * '[b]', '[/b]' + * + * Would cause the cursor to be placed:
    + * + * [b]Selected text|[/b] + * + * @param {string} text + * @param {string} [endText=null] + * @since 1.4.0 + * @function + * @name sourceEditorInsertText + * @memberOf SCEditor.prototype + */ + base.sourceEditorInsertText = function (text, endText) { + var scrollTop, currentValue, + startPos = sourceEditor.selectionStart, + endPos = sourceEditor.selectionEnd; + + scrollTop = sourceEditor.scrollTop; + sourceEditor.focus(); + currentValue = sourceEditor.value; + + if (endText) { + text += currentValue.substring(startPos, endPos) + endText; + } + + sourceEditor.value = currentValue.substring(0, startPos) + + text + + currentValue.substring(endPos, currentValue.length); + + sourceEditor.selectionStart = (startPos + text.length) - + (endText ? endText.length : 0); + sourceEditor.selectionEnd = sourceEditor.selectionStart; + + sourceEditor.scrollTop = scrollTop; + sourceEditor.focus(); + + triggerValueChanged(); + }; + + /** + * Gets the current instance of the rangeHelper class + * for the editor. + * + * @return {RangeHelper} + * @function + * @name getRangeHelper + * @memberOf SCEditor.prototype + */ + base.getRangeHelper = function () { + return rangeHelper; + }; + + /** + * Gets or sets the source editor caret position. + * + * @param {Object} [position] + * @return {this} + * @function + * @since 1.4.5 + * @name sourceEditorCaret + * @memberOf SCEditor.prototype + */ + base.sourceEditorCaret = function (position) { + sourceEditor.focus(); + + if (position) { + sourceEditor.selectionStart = position.start; + sourceEditor.selectionEnd = position.end; + + return this; + } + + return { + start: sourceEditor.selectionStart, + end: sourceEditor.selectionEnd + }; + }; + + /** + * Gets the value of the editor. + * + * If the editor is in WYSIWYG mode it will return the filtered + * HTML from it (converted to BBCode if using the BBCode plugin). + * It it's in Source Mode it will return the unfiltered contents + * of the source editor (if using the BBCode plugin this will be + * BBCode again). + * + * @since 1.3.5 + * @return {string} + * @function + * @name val + * @memberOf SCEditor.prototype + */ + /** + * Sets the value of the editor. + * + * If filter set true the val will be passed through the filter + * function. If using the BBCode plugin it will pass the val to + * the BBCode filter to convert any BBCode into HTML. + * + * @param {string} val + * @param {boolean} [filter=true] + * @return {this} + * @since 1.3.5 + * @function + * @name val^2 + * @memberOf SCEditor.prototype + */ + base.val = function (val, filter) { + if (!isString(val)) { + return base.inSourceMode() ? + base.getSourceEditorValue(false) : + base.getWysiwygEditorValue(filter); + } + + if (!base.inSourceMode()) { + if (filter !== false && 'toHtml' in format) { + val = format.toHtml(val); + } + + base.setWysiwygEditorValue(val); + } else { + base.setSourceEditorValue(val); + } + + return base; + }; + + /** + * Inserts HTML/BBCode into the editor + * + * If end is supplied any selected text will be placed between + * start and end. If there is no selected text start and end + * will be concatenate together. + * + * If the filter param is set to true, the HTML/BBCode will be + * passed through any plugin filters. If using the BBCode plugin + * this will convert any BBCode into HTML. + * + * @param {string} start + * @param {string} [end=null] + * @param {boolean} [filter=true] + * @param {boolean} [convertEmoticons=true] If to convert emoticons + * @return {this} + * @since 1.3.5 + * @function + * @name insert + * @memberOf SCEditor.prototype + */ + /** + * Inserts HTML/BBCode into the editor + * + * If end is supplied any selected text will be placed between + * start and end. If there is no selected text start and end + * will be concatenate together. + * + * If the filter param is set to true, the HTML/BBCode will be + * passed through any plugin filters. If using the BBCode plugin + * this will convert any BBCode into HTML. + * + * If the allowMixed param is set to true, HTML any will not be + * escaped + * + * @param {string} start + * @param {string} [end=null] + * @param {boolean} [filter=true] + * @param {boolean} [convertEmoticons=true] If to convert emoticons + * @param {boolean} [allowMixed=false] + * @return {this} + * @since 1.4.3 + * @function + * @name insert^2 + * @memberOf SCEditor.prototype + */ + // eslint-disable-next-line max-params + base.insert = function ( + start, end, filter, convertEmoticons, allowMixed + ) { + if (base.inSourceMode()) { + base.sourceEditorInsertText(start, end); + return base; + } + + // Add the selection between start and end + if (end) { + var html = rangeHelper.selectedHtml(); + + if (filter !== false && 'fragmentToSource' in format) { + html = format + .fragmentToSource(html, wysiwygDocument, currentNode); + } + + start += html + end; + } + // TODO: This filter should allow empty tags as it's inserting. + if (filter !== false && 'fragmentToHtml' in format) { + start = format.fragmentToHtml(start, currentNode); + } + + // Convert any escaped HTML back into HTML if mixed is allowed + if (filter !== false && allowMixed === true) { + start = start.replace(/</g, '<') + .replace(/>/g, '>') + .replace(/&/g, '&'); + } + + base.wysiwygEditorInsertHtml(start); + + return base; + }; + + /** + * Gets the WYSIWYG editors HTML value. + * + * If using a plugin that filters the Ht Ml like the BBCode plugin + * it will return the result of the filtering (BBCode) unless the + * filter param is set to false. + * + * @param {boolean} [filter=true] + * @return {string} + * @function + * @name getWysiwygEditorValue + * @memberOf SCEditor.prototype + */ + base.getWysiwygEditorValue = function (filter) { + var html; + // Create a tmp node to store contents so it can be modified + // without affecting anything else. + var tmp = createElement('div', {}, wysiwygDocument); + var childNodes = wysiwygBody.childNodes; + + for (var i = 0; i < childNodes.length; i++) { + appendChild(tmp, childNodes[i].cloneNode(true)); + } + + appendChild(wysiwygBody, tmp); + fixNesting(tmp); + remove(tmp); + + html = tmp.innerHTML; + + // filter the HTML and DOM through any plugins + if (filter !== false && format.hasOwnProperty('toSource')) { + html = format.toSource(html, wysiwygDocument); + } + + return html; + }; + + /** + * Gets the WYSIWYG editor's iFrame Body. + * + * @return {HTMLElement} + * @function + * @since 1.4.3 + * @name getBody + * @memberOf SCEditor.prototype + */ + base.getBody = function () { + return wysiwygBody; + }; + + /** + * Gets the WYSIWYG editors container area (whole iFrame). + * + * @return {HTMLElement} + * @function + * @since 1.4.3 + * @name getContentAreaContainer + * @memberOf SCEditor.prototype + */ + base.getContentAreaContainer = function () { + return wysiwygEditor; + }; + + /** + * Gets the text editor value + * + * If using a plugin that filters the text like the BBCode plugin + * it will return the result of the filtering which is BBCode to + * HTML so it will return HTML. If filter is set to false it will + * just return the contents of the source editor (BBCode). + * + * @param {boolean} [filter=true] + * @return {string} + * @function + * @since 1.4.0 + * @name getSourceEditorValue + * @memberOf SCEditor.prototype + */ + base.getSourceEditorValue = function (filter) { + var val = sourceEditor.value; + + if (filter !== false && 'toHtml' in format) { + val = format.toHtml(val); + } + + return val; + }; + + /** + * Sets the WYSIWYG HTML editor value. Should only be the HTML + * contained within the body tags + * + * @param {string} value + * @function + * @name setWysiwygEditorValue + * @memberOf SCEditor.prototype + */ + base.setWysiwygEditorValue = function (value) { + if (!value) { + value = '

    ' + (IE_VER ? '' : '
    ') + '

    '; + } + + wysiwygBody.innerHTML = value; + replaceEmoticons(); + + appendNewLine(); + triggerValueChanged(); + autoExpand(); + }; + + /** + * Sets the text editor value + * + * @param {string} value + * @function + * @name setSourceEditorValue + * @memberOf SCEditor.prototype + */ + base.setSourceEditorValue = function (value) { + sourceEditor.value = value; + + triggerValueChanged(); + }; + + /** + * Updates the textarea that the editor is replacing + * with the value currently inside the editor. + * + * @function + * @name updateOriginal + * @since 1.4.0 + * @memberOf SCEditor.prototype + */ + base.updateOriginal = function () { + original.value = base.val(); + }; + + /** + * Replaces any emoticon codes in the passed HTML + * with their emoticon images + * @private + */ + replaceEmoticons = function () { + if (options.emoticonsEnabled) { + replace(wysiwygBody, allEmoticons, options.emoticonsCompat); + } + }; + + /** + * If the editor is in source code mode + * + * @return {boolean} + * @function + * @name inSourceMode + * @memberOf SCEditor.prototype + */ + base.inSourceMode = function () { + return hasClass(editorContainer, 'sourceMode'); + }; + + /** + * Gets if the editor is in sourceMode + * + * @return boolean + * @function + * @name sourceMode + * @memberOf SCEditor.prototype + */ + /** + * Sets if the editor is in sourceMode + * + * @param {boolean} enable + * @return {this} + * @function + * @name sourceMode^2 + * @memberOf SCEditor.prototype + */ + base.sourceMode = function (enable) { + var inSourceMode = base.inSourceMode(); + + if (typeof enable !== 'boolean') { + return inSourceMode; + } + + if ((inSourceMode && !enable) || (!inSourceMode && enable)) { + base.toggleSourceMode(); + } + + return base; + }; + + /** + * Switches between the WYSIWYG and source modes + * + * @function + * @name toggleSourceMode + * @since 1.4.0 + * @memberOf SCEditor.prototype + */ + base.toggleSourceMode = function () { + var isInSourceMode = base.inSourceMode(); + + // don't allow switching to WYSIWYG if doesn't support it + if (!isWysiwygSupported && isInSourceMode) { + return; + } + + if (!isInSourceMode) { + rangeHelper.saveRange(); + rangeHelper.clear(); + } + + base.blur(); + + if (isInSourceMode) { + base.setWysiwygEditorValue(base.getSourceEditorValue()); + } else { + base.setSourceEditorValue(base.getWysiwygEditorValue()); + } + + lastRange = null; + toggle(sourceEditor); + toggle(wysiwygEditor); + + toggleClass(editorContainer, 'wysiwygMode', isInSourceMode); + toggleClass(editorContainer, 'sourceMode', !isInSourceMode); + + updateToolBar(); + updateActiveButtons(); + }; + + /** + * Gets the selected text of the source editor + * @return {string} + * @private + */ + sourceEditorSelectedText = function () { + sourceEditor.focus(); + + return sourceEditor.value.substring( + sourceEditor.selectionStart, + sourceEditor.selectionEnd + ); + }; + + /** + * Handles the passed command + * @private + */ + handleCommand = function (caller, cmd) { + // check if in text mode and handle text commands + if (base.inSourceMode()) { + if (cmd.txtExec) { + if (Array.isArray(cmd.txtExec)) { + base.sourceEditorInsertText.apply(base, cmd.txtExec); + } else { + cmd.txtExec.call(base, caller, sourceEditorSelectedText()); + } + } + } else if (cmd.exec) { + if (isFunction(cmd.exec)) { + cmd.exec.call(base, caller); + } else { + base.execCommand( + cmd.exec, + cmd.hasOwnProperty('execParam') ? cmd.execParam : null + ); + } + } + + }; + + /** + * Saves the current range. Needed for IE because it forgets + * where the cursor was and what was selected + * @private + */ + saveRange = function () { + /* this is only needed for IE */ + if (IE_VER) { + lastRange = rangeHelper.selectedRange(); + } + }; + + /** + * Executes a command on the WYSIWYG editor + * + * @param {string} command + * @param {String|Boolean} [param] + * @function + * @name execCommand + * @memberOf SCEditor.prototype + */ + base.execCommand = function (command, param) { + var executed = false, + commandObj = base.commands[command]; + + base.focus(); + + // TODO: make configurable + // don't apply any commands to code elements + if (closest(rangeHelper.parentNode(), 'code')) { + return; + } + + try { + executed = wysiwygDocument.execCommand(command, false, param); + } catch (ex) { } + + // show error if execution failed and an error message exists + if (!executed && commandObj && commandObj.errorMessage) { + /*global alert:false*/ + alert(base._(commandObj.errorMessage)); + } + + updateActiveButtons(); + }; + + /** + * Checks if the current selection has changed and triggers + * the selectionchanged event if it has. + * + * In browsers other than IE, it will check at most once every 100ms. + * This is because only IE has a selection changed event. + * @private + */ + checkSelectionChanged = function () { + function check() { + // Don't create new selection if there isn't one (like after + // blur event in iOS) + if (wysiwygWindow.getSelection() && + wysiwygWindow.getSelection().rangeCount <= 0) { + currentSelection = null; + // rangeHelper could be null if editor was destroyed + // before the timeout had finished + } else if (rangeHelper && !rangeHelper.compare(currentSelection)) { + currentSelection = rangeHelper.cloneSelected(); + + // If the selection is in an inline wrap it in a block. + // Fixes #331 + if (currentSelection && currentSelection.collapsed) { + var parent$$1 = currentSelection.startContainer; + var offset = currentSelection.startOffset; + + // Handle if selection is placed before/after an element + if (offset && parent$$1.nodeType !== TEXT_NODE) { + parent$$1 = parent$$1.childNodes[offset]; + } + + while (parent$$1 && parent$$1.parentNode !== wysiwygBody) { + parent$$1 = parent$$1.parentNode; + } + + if (parent$$1 && isInline(parent$$1, true)) { + rangeHelper.saveRange(); + wrapInlines(wysiwygBody, wysiwygDocument); + rangeHelper.restoreRange(); + } + } + + trigger(editorContainer, 'selectionchanged'); + } + + isSelectionCheckPending = false; + } + + if (isSelectionCheckPending) { + return; + } + + isSelectionCheckPending = true; + + // Don't need to limit checking if browser supports the Selection API + if ('onselectionchange' in wysiwygDocument) { + check(); + } else { + setTimeout(check, 100); + } + }; + + /** + * Checks if the current node has changed and triggers + * the nodechanged event if it has + * @private + */ + checkNodeChanged = function () { + // check if node has changed + var oldNode, + node = rangeHelper.parentNode(); + + if (currentNode !== node) { + oldNode = currentNode; + currentNode = node; + currentBlockNode = rangeHelper.getFirstBlockParent(node); + + trigger(editorContainer, 'nodechanged', { + oldNode: oldNode, + newNode: currentNode + }); + } + }; + + /** + * Gets the current node that contains the selection/caret in + * WYSIWYG mode. + * + * Will be null in sourceMode or if there is no selection. + * + * @return {?Node} + * @function + * @name currentNode + * @memberOf SCEditor.prototype + */ + base.currentNode = function () { + return currentNode; + }; + + /** + * Gets the first block level node that contains the + * selection/caret in WYSIWYG mode. + * + * Will be null in sourceMode or if there is no selection. + * + * @return {?Node} + * @function + * @name currentBlockNode + * @memberOf SCEditor.prototype + * @since 1.4.4 + */ + base.currentBlockNode = function () { + return currentBlockNode; + }; + + /** + * Updates if buttons are active or not + * @private + */ + updateActiveButtons = function () { + var firstBlock, parent$$1; + var activeClass = 'active'; + var doc = wysiwygDocument; + var isSource = base.sourceMode(); + + if (base.readOnly()) { + each(find(toolbar, activeClass), function (_, menuItem) { + removeClass(menuItem, activeClass); + }); + return; + } + + if (!isSource) { + parent$$1 = rangeHelper.parentNode(); + firstBlock = rangeHelper.getFirstBlockParent(parent$$1); + } + + for (var j = 0; j < btnStateHandlers.length; j++) { + var state = 0; + var btn = toolbarButtons[btnStateHandlers[j].name]; + var stateFn = btnStateHandlers[j].state; + var isDisabled = (isSource && !btn._sceTxtMode) || + (!isSource && !btn._sceWysiwygMode); + + if (isString(stateFn)) { + if (!isSource) { + try { + state = doc.queryCommandEnabled(stateFn) ? 0 : -1; + + // eslint-disable-next-line max-depth + if (state > -1) { + state = doc.queryCommandState(stateFn) ? 1 : 0; + } + } catch (ex) {} + } + } else if (!isDisabled) { + state = stateFn.call(base, parent$$1, firstBlock); + } + + toggleClass(btn, 'disabled', isDisabled || state < 0); + toggleClass(btn, activeClass, state > 0); + } + + if (icons && icons.update) { + icons.update(isSource, parent$$1, firstBlock); + } + }; + + /** + * Handles any key press in the WYSIWYG editor + * + * @private + */ + handleKeyPress = function (e) { + // FF bug: https://bugzilla.mozilla.org/show_bug.cgi?id=501496 + if (e.defaultPrevented) { + return; + } + + base.closeDropDown(); + + // 13 = enter key + if (e.which === 13) { + var LIST_TAGS = 'li,ul,ol'; + + // "Fix" (cludge) for blocklevel elements being duplicated in some + // browsers when enter is pressed instead of inserting a newline + if (!is(currentBlockNode, LIST_TAGS) && + hasStyling(currentBlockNode)) { + lastRange = null; + + var br = createElement('br', {}, wysiwygDocument); + rangeHelper.insertNode(br); + + // Last
    of a block will be collapsed unless it is + // IE < 11 so need to make sure the
    that was inserted + // isn't the last node of a block. + if (!IE_BR_FIX$2) { + var parent$$1 = br.parentNode; + var lastChild = parent$$1.lastChild; + + // Sometimes an empty next node is created after the
    + if (lastChild && lastChild.nodeType === TEXT_NODE && + lastChild.nodeValue === '') { + remove(lastChild); + lastChild = parent$$1.lastChild; + } + + // If this is the last BR of a block and the previous + // sibling is inline then will need an extra BR. This + // is needed because the last BR of a block will be + // collapsed. Fixes issue #248 + if (!isInline(parent$$1, true) && lastChild === br && + isInline(br.previousSibling)) { + rangeHelper.insertHTML('
    '); + } + } + + e.preventDefault(); + } + } + }; + + /** + * Makes sure that if there is a code or quote tag at the + * end of the editor, that there is a new line after it. + * + * If there wasn't a new line at the end you wouldn't be able + * to enter any text after a code/quote tag + * @return {void} + * @private + */ + appendNewLine = function () { + // Check all nodes in reverse until either add a new line + // or reach a non-empty textnode or BR at which point can + // stop checking. + rTraverse(wysiwygBody, function (node) { + // Last block, add new line after if has styling + if (node.nodeType === ELEMENT_NODE && + !/inline/.test(css(node, 'display'))) { + + // Add line break after if has styling + if (!is(node, '.sceditor-nlf') && hasStyling(node)) { + var paragraph = createElement('p', {}, wysiwygDocument); + paragraph.className = 'sceditor-nlf'; + paragraph.innerHTML = !IE_BR_FIX$2 ? '
    ' : ''; + appendChild(wysiwygBody, paragraph); + return false; + } + } + + // Last non-empty text node or line break. + // No need to add line-break after them + if ((node.nodeType === 3 && !/^\s*$/.test(node.nodeValue)) || + is(node, 'br')) { + return false; + } + }); + }; + + /** + * Handles form reset event + * @private + */ + handleFormReset = function () { + base.val(original.value); + }; + + /** + * Handles any mousedown press in the WYSIWYG editor + * @private + */ + handleMouseDown = function () { + base.closeDropDown(); + lastRange = null; + }; + + /** + * Translates the string into the locale language. + * + * Replaces any {0}, {1}, {2}, ect. with the params provided. + * + * @param {string} str + * @param {...String} args + * @return {string} + * @function + * @name _ + * @memberOf SCEditor.prototype + */ + base._ = function () { + var undef, + args = arguments; + + if (locale && locale[args[0]]) { + args[0] = locale[args[0]]; + } + + return args[0].replace(/\{(\d+)\}/g, function (str, p1) { + return args[p1 - 0 + 1] !== undef ? + args[p1 - 0 + 1] : + '{' + p1 + '}'; + }); + }; + + /** + * Passes events on to any handlers + * @private + * @return void + */ + handleEvent = function (e) { + if (pluginManager) { + // Send event to all plugins + pluginManager.call(e.type + 'Event', e, base); + } + + // convert the event into a custom event to send + var name = (e.target === sourceEditor ? 'scesrc' : 'scewys') + e.type; + + if (eventHandlers[name]) { + eventHandlers[name].forEach(function (fn) { + fn.call(base, e); + }); + } + }; + + /** + * Binds a handler to the specified events + * + * This function only binds to a limited list of + * supported events. + * + * The supported events are: + * + * * keyup + * * keydown + * * Keypress + * * blur + * * focus + * * nodechanged - When the current node containing + * the selection changes in WYSIWYG mode + * * contextmenu + * * selectionchanged + * * valuechanged + * + * + * The events param should be a string containing the event(s) + * to bind this handler to. If multiple, they should be separated + * by spaces. + * + * @param {string} events + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude adding this handler + * to the WYSIWYG editor + * @param {boolean} excludeSource if to exclude adding this handler + * to the source editor + * @return {this} + * @function + * @name bind + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.bind = function (events, handler, excludeWysiwyg, excludeSource) { + events = events.split(' '); + + var i = events.length; + while (i--) { + if (isFunction(handler)) { + var wysEvent = 'scewys' + events[i]; + var srcEvent = 'scesrc' + events[i]; + // Use custom events to allow passing the instance as the + // 2nd argument. + // Also allows unbinding without unbinding the editors own + // event handlers. + if (!excludeWysiwyg) { + eventHandlers[wysEvent] = eventHandlers[wysEvent] || []; + eventHandlers[wysEvent].push(handler); + } + + if (!excludeSource) { + eventHandlers[srcEvent] = eventHandlers[srcEvent] || []; + eventHandlers[srcEvent].push(handler); + } + + // Start sending value changed events + if (events[i] === 'valuechanged') { + triggerValueChanged.hasHandler = true; + } + } + } + + return base; + }; + + /** + * Unbinds an event that was bound using bind(). + * + * @param {string} events + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude unbinding this + * handler from the WYSIWYG editor + * @param {boolean} excludeSource if to exclude unbinding this + * handler from the source editor + * @return {this} + * @function + * @name unbind + * @memberOf SCEditor.prototype + * @since 1.4.1 + * @see bind + */ + base.unbind = function (events, handler, excludeWysiwyg, excludeSource) { + events = events.split(' '); + + var i = events.length; + while (i--) { + if (isFunction(handler)) { + if (!excludeWysiwyg) { + arrayRemove( + eventHandlers['scewys' + events[i]] || [], handler); + } + + if (!excludeSource) { + arrayRemove( + eventHandlers['scesrc' + events[i]] || [], handler); + } + } + } + + return base; + }; + + /** + * Blurs the editors input area + * + * @return {this} + * @function + * @name blur + * @memberOf SCEditor.prototype + * @since 1.3.6 + */ + /** + * Adds a handler to the editors blur event + * + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude adding this handler + * to the WYSIWYG editor + * @param {boolean} excludeSource if to exclude adding this handler + * to the source editor + * @return {this} + * @function + * @name blur^2 + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.blur = function (handler, excludeWysiwyg, excludeSource) { + if (isFunction(handler)) { + base.bind('blur', handler, excludeWysiwyg, excludeSource); + } else if (!base.sourceMode()) { + wysiwygBody.blur(); + } else { + sourceEditor.blur(); + } + + return base; + }; + + /** + * Focuses the editors input area + * + * @return {this} + * @function + * @name focus + * @memberOf SCEditor.prototype + */ + /** + * Adds an event handler to the focus event + * + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude adding this handler + * to the WYSIWYG editor + * @param {boolean} excludeSource if to exclude adding this handler + * to the source editor + * @return {this} + * @function + * @name focus^2 + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.focus = function (handler, excludeWysiwyg, excludeSource) { + if (isFunction(handler)) { + base.bind('focus', handler, excludeWysiwyg, excludeSource); + } else if (!base.inSourceMode()) { + // Already has focus so do nothing + if (find(wysiwygDocument, ':focus').length) { + return; + } + + var container; + var rng = rangeHelper.selectedRange(); + + // Fix FF bug where it shows the cursor in the wrong place + // if the editor hasn't had focus before. See issue #393 + if (!currentSelection) { + autofocus(); + } + + // Check if cursor is set after a BR when the BR is the only + // child of the parent. In Firefox this causes a line break + // to occur when something is typed. See issue #321 + if (!IE_BR_FIX$2 && rng && rng.endOffset === 1 && rng.collapsed) { + container = rng.endContainer; + + if (container && container.childNodes.length === 1 && + is(container.firstChild, 'br')) { + rng.setStartBefore(container.firstChild); + rng.collapse(true); + rangeHelper.selectRange(rng); + } + } + + wysiwygWindow.focus(); + wysiwygBody.focus(); + + // Needed for IE + if (lastRange) { + rangeHelper.selectRange(lastRange); + + // Remove the stored range after being set. + // If the editor loses focus it should be saved again. + lastRange = null; + } + } else { + sourceEditor.focus(); + } + + updateActiveButtons(); + + return base; + }; + + /** + * Adds a handler to the key down event + * + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude adding this handler + * to the WYSIWYG editor + * @param {boolean} excludeSource If to exclude adding this handler + * to the source editor + * @return {this} + * @function + * @name keyDown + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.keyDown = function (handler, excludeWysiwyg, excludeSource) { + return base.bind('keydown', handler, excludeWysiwyg, excludeSource); + }; + + /** + * Adds a handler to the key press event + * + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude adding this handler + * to the WYSIWYG editor + * @param {boolean} excludeSource If to exclude adding this handler + * to the source editor + * @return {this} + * @function + * @name keyPress + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.keyPress = function (handler, excludeWysiwyg, excludeSource) { + return base + .bind('keypress', handler, excludeWysiwyg, excludeSource); + }; + + /** + * Adds a handler to the key up event + * + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude adding this handler + * to the WYSIWYG editor + * @param {boolean} excludeSource If to exclude adding this handler + * to the source editor + * @return {this} + * @function + * @name keyUp + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.keyUp = function (handler, excludeWysiwyg, excludeSource) { + return base.bind('keyup', handler, excludeWysiwyg, excludeSource); + }; + + /** + * Adds a handler to the node changed event. + * + * Happens whenever the node containing the selection/caret + * changes in WYSIWYG mode. + * + * @param {Function} handler + * @return {this} + * @function + * @name nodeChanged + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.nodeChanged = function (handler) { + return base.bind('nodechanged', handler, false, true); + }; + + /** + * Adds a handler to the selection changed event + * + * Happens whenever the selection changes in WYSIWYG mode. + * + * @param {Function} handler + * @return {this} + * @function + * @name selectionChanged + * @memberOf SCEditor.prototype + * @since 1.4.1 + */ + base.selectionChanged = function (handler) { + return base.bind('selectionchanged', handler, false, true); + }; + + /** + * Adds a handler to the value changed event + * + * Happens whenever the current editor value changes. + * + * Whenever anything is inserted, the value changed or + * 1.5 secs after text is typed. If a space is typed it will + * cause the event to be triggered immediately instead of + * after 1.5 seconds + * + * @param {Function} handler + * @param {boolean} excludeWysiwyg If to exclude adding this handler + * to the WYSIWYG editor + * @param {boolean} excludeSource If to exclude adding this handler + * to the source editor + * @return {this} + * @function + * @name valueChanged + * @memberOf SCEditor.prototype + * @since 1.4.5 + */ + base.valueChanged = function (handler, excludeWysiwyg, excludeSource) { + return base + .bind('valuechanged', handler, excludeWysiwyg, excludeSource); + }; + + /** + * Emoticons keypress handler + * @private + */ + emoticonsKeyPress = function (e) { + var replacedEmoticon, + cachePos = 0, + emoticonsCache = base.emoticonsCache, + curChar = String.fromCharCode(e.which); + + // TODO: Make configurable + if (closest(currentBlockNode, 'code')) { + return; + } + + if (!emoticonsCache) { + emoticonsCache = []; + + each(allEmoticons, function (key, html) { + emoticonsCache[cachePos++] = [key, html]; + }); + + emoticonsCache.sort(function (a, b) { + return a[0].length - b[0].length; + }); + + base.emoticonsCache = emoticonsCache; + base.longestEmoticonCode = + emoticonsCache[emoticonsCache.length - 1][0].length; + } + + replacedEmoticon = rangeHelper.replaceKeyword( + base.emoticonsCache, + true, + true, + base.longestEmoticonCode, + options.emoticonsCompat, + curChar + ); + + if (replacedEmoticon) { + if (!options.emoticonsCompat || !/^\s$/.test(curChar)) { + e.preventDefault(); + } + } + }; + + /** + * Makes sure emoticons are surrounded by whitespace + * @private + */ + emoticonsCheckWhitespace = function () { + checkWhitespace(currentBlockNode, rangeHelper); + }; + + /** + * Gets if emoticons are currently enabled + * @return {boolean} + * @function + * @name emoticons + * @memberOf SCEditor.prototype + * @since 1.4.2 + */ + /** + * Enables/disables emoticons + * + * @param {boolean} enable + * @return {this} + * @function + * @name emoticons^2 + * @memberOf SCEditor.prototype + * @since 1.4.2 + */ + base.emoticons = function (enable) { + if (!enable && enable !== false) { + return options.emoticonsEnabled; + } + + options.emoticonsEnabled = enable; + + if (enable) { + on(wysiwygBody, 'keypress', emoticonsKeyPress); + + if (!base.sourceMode()) { + rangeHelper.saveRange(); + + replaceEmoticons(); + triggerValueChanged(false); + + rangeHelper.restoreRange(); + } + } else { + var emoticons = + find(wysiwygBody, 'img[data-sceditor-emoticon]'); + + each(emoticons, function (_, img) { + var text = data(img, 'sceditor-emoticon'); + var textNode = wysiwygDocument.createTextNode(text); + img.parentNode.replaceChild(textNode, img); + }); + + off(wysiwygBody, 'keypress', emoticonsKeyPress); + + triggerValueChanged(); + } + + return base; + }; + + /** + * Gets the current WYSIWYG editors inline CSS + * + * @return {string} + * @function + * @name css + * @memberOf SCEditor.prototype + * @since 1.4.3 + */ + /** + * Sets inline CSS for the WYSIWYG editor + * + * @param {string} css + * @return {this} + * @function + * @name css^2 + * @memberOf SCEditor.prototype + * @since 1.4.3 + */ + base.css = function (css$$1) { + if (!inlineCss) { + inlineCss = createElement('style', { + id: 'inline' + }, wysiwygDocument); + + appendChild(wysiwygDocument.head, inlineCss); + } + + if (!isString(css$$1)) { + return inlineCss.styleSheet ? + inlineCss.styleSheet.cssText : inlineCss.innerHTML; + } + + if (inlineCss.styleSheet) { + inlineCss.styleSheet.cssText = css$$1; + } else { + inlineCss.innerHTML = css$$1; + } + + return base; + }; + + /** + * Handles the keydown event, used for shortcuts + * @private + */ + handleKeyDown = function (e) { + var shortcut = [], + SHIFT_KEYS = { + '`': '~', + '1': '!', + '2': '@', + '3': '#', + '4': '$', + '5': '%', + '6': '^', + '7': '&', + '8': '*', + '9': '(', + '0': ')', + '-': '_', + '=': '+', + ';': ': ', + '\'': '"', + ',': '<', + '.': '>', + '/': '?', + '\\': '|', + '[': '{', + ']': '}' + }, + SPECIAL_KEYS = { + 8: 'backspace', + 9: 'tab', + 13: 'enter', + 19: 'pause', + 20: 'capslock', + 27: 'esc', + 32: 'space', + 33: 'pageup', + 34: 'pagedown', + 35: 'end', + 36: 'home', + 37: 'left', + 38: 'up', + 39: 'right', + 40: 'down', + 45: 'insert', + 46: 'del', + 91: 'win', + 92: 'win', + 93: 'select', + 96: '0', + 97: '1', + 98: '2', + 99: '3', + 100: '4', + 101: '5', + 102: '6', + 103: '7', + 104: '8', + 105: '9', + 106: '*', + 107: '+', + 109: '-', + 110: '.', + 111: '/', + 112: 'f1', + 113: 'f2', + 114: 'f3', + 115: 'f4', + 116: 'f5', + 117: 'f6', + 118: 'f7', + 119: 'f8', + 120: 'f9', + 121: 'f10', + 122: 'f11', + 123: 'f12', + 144: 'numlock', + 145: 'scrolllock', + 186: ';', + 187: '=', + 188: ',', + 189: '-', + 190: '.', + 191: '/', + 192: '`', + 219: '[', + 220: '\\', + 221: ']', + 222: '\'' + }, + NUMPAD_SHIFT_KEYS = { + 109: '-', + 110: 'del', + 111: '/', + 96: '0', + 97: '1', + 98: '2', + 99: '3', + 100: '4', + 101: '5', + 102: '6', + 103: '7', + 104: '8', + 105: '9' + }, + which = e.which, + character = SPECIAL_KEYS[which] || + String.fromCharCode(which).toLowerCase(); + + if (e.ctrlKey || e.metaKey) { + shortcut.push('ctrl'); + } + + if (e.altKey) { + shortcut.push('alt'); + } + + if (e.shiftKey) { + shortcut.push('shift'); + + if (NUMPAD_SHIFT_KEYS[which]) { + character = NUMPAD_SHIFT_KEYS[which]; + } else if (SHIFT_KEYS[character]) { + character = SHIFT_KEYS[character]; + } + } + + // Shift is 16, ctrl is 17 and alt is 18 + if (character && (which < 16 || which > 18)) { + shortcut.push(character); + } + + shortcut = shortcut.join('+'); + if (shortcutHandlers[shortcut] && + shortcutHandlers[shortcut].call(base) === false) { + + e.stopPropagation(); + e.preventDefault(); + } + }; + + /** + * Adds a shortcut handler to the editor + * @param {string} shortcut + * @param {String|Function} cmd + * @return {sceditor} + */ + base.addShortcut = function (shortcut, cmd) { + shortcut = shortcut.toLowerCase(); + + if (isString(cmd)) { + shortcutHandlers[shortcut] = function () { + handleCommand(toolbarButtons[cmd], base.commands[cmd]); + + return false; + }; + } else { + shortcutHandlers[shortcut] = cmd; + } + + return base; + }; + + /** + * Removes a shortcut handler + * @param {string} shortcut + * @return {sceditor} + */ + base.removeShortcut = function (shortcut) { + delete shortcutHandlers[shortcut.toLowerCase()]; + + return base; + }; + + /** + * Handles the backspace key press + * + * Will remove block styling like quotes/code ect if at the start. + * @private + */ + handleBackSpace = function (e) { + var node, offset, range, parent$$1; + + // 8 is the backspace key + if (options.disableBlockRemove || e.which !== 8 || + !(range = rangeHelper.selectedRange())) { + return; + } + + node = range.startContainer; + offset = range.startOffset; + + if (offset !== 0 || !(parent$$1 = currentStyledBlockNode()) || + is(parent$$1, 'body')) { + return; + } + + while (node !== parent$$1) { + while (node.previousSibling) { + node = node.previousSibling; + + // Everything but empty text nodes before the cursor + // should prevent the style from being removed + if (node.nodeType !== TEXT_NODE || node.nodeValue) { + return; + } + } + + if (!(node = node.parentNode)) { + return; + } + } + + // The backspace was pressed at the start of + // the container so clear the style + base.clearBlockFormatting(parent$$1); + e.preventDefault(); + }; + + /** + * Gets the first styled block node that contains the cursor + * @return {HTMLElement} + */ + currentStyledBlockNode = function () { + var block = currentBlockNode; + + while (!hasStyling(block) || isInline(block, true)) { + if (!(block = block.parentNode) || is(block, 'body')) { + return; + } + } + + return block; + }; + + /** + * Clears the formatting of the passed block element. + * + * If block is false, if will clear the styling of the first + * block level element that contains the cursor. + * @param {HTMLElement} block + * @since 1.4.4 + */ + base.clearBlockFormatting = function (block) { + block = block || currentStyledBlockNode(); + + if (!block || is(block, 'body')) { + return base; + } + + rangeHelper.saveRange(); + + block.className = ''; + lastRange = null; + + attr(block, 'style', ''); + + if (!is(block, 'p,div,td')) { + convertElement(block, 'p'); + } + + rangeHelper.restoreRange(); + return base; + }; + + /** + * Triggers the valueChanged signal if there is + * a plugin that handles it. + * + * If rangeHelper.saveRange() has already been + * called, then saveRange should be set to false + * to prevent the range being saved twice. + * + * @since 1.4.5 + * @param {boolean} saveRange If to call rangeHelper.saveRange(). + * @private + */ + triggerValueChanged = function (saveRange) { + if (!pluginManager || + (!pluginManager.hasHandler('valuechangedEvent') && + !triggerValueChanged.hasHandler)) { + return; + } + + var currentHtml, + sourceMode = base.sourceMode(), + hasSelection = !sourceMode && rangeHelper.hasSelection(); + + // Composition end isn't guaranteed to fire but must have + // ended when triggerValueChanged() is called so reset it + isComposing = false; + + // Don't need to save the range if sceditor-start-marker + // is present as the range is already saved + saveRange = saveRange !== false && + !wysiwygDocument.getElementById('sceditor-start-marker'); + + // Clear any current timeout as it's now been triggered + if (valueChangedKeyUpTimer) { + clearTimeout(valueChangedKeyUpTimer); + valueChangedKeyUpTimer = false; + } + + if (hasSelection && saveRange) { + rangeHelper.saveRange(); + } + + currentHtml = sourceMode ? sourceEditor.value : wysiwygBody.innerHTML; + + // Only trigger if something has actually changed. + if (currentHtml !== triggerValueChanged.lastVal) { + triggerValueChanged.lastVal = currentHtml; + + trigger(editorContainer, 'valuechanged', { + rawValue: sourceMode ? base.val() : currentHtml + }); + } + + if (hasSelection && saveRange) { + rangeHelper.removeMarkers(); + } + }; + + /** + * Should be called whenever there is a blur event + * @private + */ + valueChangedBlur = function () { + if (valueChangedKeyUpTimer) { + triggerValueChanged(); + } + }; + + /** + * Should be called whenever there is a keypress event + * @param {Event} e The keypress event + * @private + */ + valueChangedKeyUp = function (e) { + var which = e.which, + lastChar = valueChangedKeyUp.lastChar, + lastWasSpace = (lastChar === 13 || lastChar === 32), + lastWasDelete = (lastChar === 8 || lastChar === 46); + + valueChangedKeyUp.lastChar = which; + + if (isComposing) { + return; + } + + // 13 = return & 32 = space + if (which === 13 || which === 32) { + if (!lastWasSpace) { + triggerValueChanged(); + } else { + valueChangedKeyUp.triggerNext = true; + } + // 8 = backspace & 46 = del + } else if (which === 8 || which === 46) { + if (!lastWasDelete) { + triggerValueChanged(); + } else { + valueChangedKeyUp.triggerNext = true; + } + } else if (valueChangedKeyUp.triggerNext) { + triggerValueChanged(); + valueChangedKeyUp.triggerNext = false; + } + + // Clear the previous timeout and set a new one. + clearTimeout(valueChangedKeyUpTimer); + + // Trigger the event 1.5s after the last keypress if space + // isn't pressed. This might need to be lowered, will need + // to look into what the slowest average Chars Per Min is. + valueChangedKeyUpTimer = setTimeout(function () { + if (!isComposing) { + triggerValueChanged(); + } + }, 1500); + }; + + handleComposition = function (e) { + isComposing = /start/i.test(e.type); + + if (!isComposing) { + triggerValueChanged(); + } + }; + + autoUpdate = function () { + base.updateOriginal(); + }; + + // run the initializer + init(); + } + + + /** + * Map containing the loaded SCEditor locales + * @type {Object} + * @name locale + * @memberOf sceditor + */ + SCEditor.locale = {}; + + SCEditor.formats = {}; + SCEditor.icons = {}; + + + /** + * Static command helper class + * @class command + * @name sceditor.command + */ + SCEditor.command = + /** @lends sceditor.command */ + { + /** + * Gets a command + * + * @param {string} name + * @return {Object|null} + * @since v1.3.5 + */ + get: function (name) { + return defaultCmds[name] || null; + }, + + /** + *

    Adds a command to the editor or updates an existing + * command if a command with the specified name already exists.

    + * + *

    Once a command is add it can be included in the toolbar by + * adding it's name to the toolbar option in the constructor. It + * can also be executed manually by calling + * {@link sceditor.execCommand}

    + * + * @example + * SCEditor.command.set("hello", + * { + * exec: function () { + * alert("Hello World!"); + * } + * }); + * + * @param {string} name + * @param {Object} cmd + * @return {this|false} Returns false if name or cmd is false + * @since v1.3.5 + */ + set: function (name, cmd) { + if (!name || !cmd) { + return false; + } + + // merge any existing command properties + cmd = extend(defaultCmds[name] || {}, cmd); + + cmd.remove = function () { + SCEditor.command.remove(name); + }; + + defaultCmds[name] = cmd; + return this; + }, + + /** + * Removes a command + * + * @param {string} name + * @return {this} + * @since v1.3.5 + */ + remove: function (name) { + if (defaultCmds[name]) { + delete defaultCmds[name]; + } + + return this; + } + }; + + /** + * SCEditor + * http://www.sceditor.com/ + * + * Copyright (C) 2017, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + * + * @fileoverview SCEditor - A lightweight WYSIWYG BBCode and HTML editor + * @author Sam Clarke + */ + + window.sceditor = { + command: SCEditor.command, + commands: defaultCmds, + defaultOptions: defaultOptions, + + ie: ie, + ios: ios, + isWysiwygSupported: isWysiwygSupported, + + regexEscape: regex, + escapeEntities: entities, + escapeUriScheme: uriScheme, + + dom: { + css: css, + attr: attr, + removeAttr: removeAttr, + is: is, + closest: closest, + width: width, + height: height, + traverse: traverse, + rTraverse: rTraverse, + parseHTML: parseHTML, + hasStyling: hasStyling, + convertElement: convertElement, + blockLevelList: blockLevelList, + canHaveChildren: canHaveChildren, + isInline: isInline, + copyCSS: copyCSS, + fixNesting: fixNesting, + findCommonAncestor: findCommonAncestor, + getSibling: getSibling, + removeWhiteSpace: removeWhiteSpace, + extractContents: extractContents, + getOffset: getOffset, + getStyle: getStyle, + hasStyle: hasStyle + }, + locale: SCEditor.locale, + icons: SCEditor.icons, + utils: { + each: each, + isEmptyObject: isEmptyObject, + extend: extend + }, + plugins: PluginManager.plugins, + formats: SCEditor.formats, + create: function (textarea, options) { + options = options || {}; + + // Don't allow the editor to be initialised + // on it's own source editor + if (parent(textarea, '.sceditor-container')) { + return; + } + + if (options.runWithoutWysiwygSupport || isWysiwygSupported) { + /*eslint no-new: off*/ + (new SCEditor(textarea, options)); + } + }, + instance: function (textarea) { + return textarea._sceditor; + } + }; + +}()); diff --git a/public/assets/development/themes/content/default.css b/public/assets/development/themes/content/default.css new file mode 100644 index 0000000..4cf0e68 --- /dev/null +++ b/public/assets/development/themes/content/default.css @@ -0,0 +1,85 @@ +/*! SCEditor | (C) 2011-2013, Sam Clarke | sceditor.com/license */ +html, body, p, code:before, table { + margin: 0; + padding: 0; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 14px; + color: #111; + line-height: 1.25; + overflow: visible; +} +html { + height: 100%; +} +.ios { + /* Needed for iOS scrolling bug fix */ + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.ios body { + /* Needed for iOS scrolling bug fix */ + position: relative; + overflow: auto; +} +body { + /* Needed to make sure body covers the whole editor and that + long lines don't cause horizontal scrolling */ + min-height: 100%; + word-wrap: break-word; +} + +body.placeholder::before { + content: attr(placeholder); + color: #555; + font-style: italic; +} + +ul, ol { + margin-top: 0; + margin-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +table, td { + border: 1px dotted #000; + empty-cells: show; +} + +table td { + min-width: 5px; +} + +code { + display: block; + background: #f1f1f1; + white-space: pre; + padding: 1em; + text-align: left; + margin: .25em 0; + direction: ltr; +} + +blockquote { + background: #fff7d9; + margin: .25em 0; + border-left: .3em solid #f4e59f; + padding: .5em .5em .5em .75em; +} +blockquote cite { + font-weight: bold; + display: block; + font-size: 1em; + margin: 0 -.5em .25em -.75em; + padding: 0 .5em .15em .75em; + border-bottom: 1px solid #f4e59f; +} + +h1, h2, h3, h4, h5, h6 { + padding: 0; margin: 0; +} + +/* Prevent empty paragraphs from collapsing */ +div, p { + min-height: 1.25em; +} diff --git a/public/assets/development/themes/default.css b/public/assets/development/themes/default.css new file mode 100644 index 0000000..6d0de8b --- /dev/null +++ b/public/assets/development/themes/default.css @@ -0,0 +1,530 @@ +/*! SCEditor | (C) 2011-2016, Sam Clarke | sceditor.com/license */ +/** + * Default SCEditor + * http://www.sceditor.com/ + * + * Copyright (C) 2011-16, Sam Clarke + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + */ +div.sceditor-grip, +.sceditor-button div { + background-image: url("famfamfam.png"); + background-repeat: no-repeat; + width: 16px; + height: 16px; +} +.sceditor-button-youtube div { + background-position: 0px 0px; +} +.sceditor-button-link div { + background-position: 0px -16px; +} +.sceditor-button-unlink div { + background-position: 0px -32px; +} +.sceditor-button-underline div { + background-position: 0px -48px; +} +.sceditor-button-time div { + background-position: 0px -64px; +} +.sceditor-button-table div { + background-position: 0px -80px; +} +.sceditor-button-superscript div { + background-position: 0px -96px; +} +.sceditor-button-subscript div { + background-position: 0px -112px; +} +.sceditor-button-strike div { + background-position: 0px -128px; +} +.sceditor-button-source div { + background-position: 0px -144px; +} +.sceditor-button-size div { + background-position: 0px -160px; +} +.sceditor-button-rtl div { + background-position: 0px -176px; +} +.sceditor-button-right div { + background-position: 0px -192px; +} +.sceditor-button-removeformat div { + background-position: 0px -208px; +} +.sceditor-button-quote div { + background-position: 0px -224px; +} +.sceditor-button-print div { + background-position: 0px -240px; +} +.sceditor-button-pastetext div { + background-position: 0px -256px; +} +.sceditor-button-paste div { + background-position: 0px -272px; +} +.sceditor-button-outdent div { + background-position: 0px -288px; +} +.sceditor-button-orderedlist div { + background-position: 0px -304px; +} +.sceditor-button-maximize div { + background-position: 0px -320px; +} +.sceditor-button-ltr div { + background-position: 0px -336px; +} +.sceditor-button-left div { + background-position: 0px -352px; +} +.sceditor-button-justify div { + background-position: 0px -368px; +} +.sceditor-button-italic div { + background-position: 0px -384px; +} +.sceditor-button-indent div { + background-position: 0px -400px; +} +.sceditor-button-image div { + background-position: 0px -416px; +} +.sceditor-button-horizontalrule div { + background-position: 0px -432px; +} +.sceditor-button-format div { + background-position: 0px -448px; +} +.sceditor-button-font div { + background-position: 0px -464px; +} +.sceditor-button-emoticon div { + background-position: 0px -480px; +} +.sceditor-button-email div { + background-position: 0px -496px; +} +.sceditor-button-date div { + background-position: 0px -512px; +} +.sceditor-button-cut div { + background-position: 0px -528px; +} +.sceditor-button-copy div { + background-position: 0px -544px; +} +.sceditor-button-color div { + background-position: 0px -560px; +} +.sceditor-button-code div { + background-position: 0px -576px; +} +.sceditor-button-center div { + background-position: 0px -592px; +} +.sceditor-button-bulletlist div { + background-position: 0px -608px; +} +.sceditor-button-bold div { + background-position: 0px -624px; +} +div.sceditor-grip { + background-position: 0px -640px; + width: 10px; + height: 10px; +} +.rtl div.sceditor-grip { + background-position: 0px -650px; +} +/** + * SCEditor + * http://www.sceditor.com/ + * + * Copyright (C) 2017, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + */ +/*--------------------------------------------------- + LESS Elements 0.7 + --------------------------------------------------- + A set of useful LESS mixins + More info at: http://lesselements.com + ---------------------------------------------------*/ +.sceditor-container { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + background: #fff; + border: 1px solid #d9d9d9; + font-size: 13px; + font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; + color: #333; + line-height: 1; + font-weight: bold; + height: 250px; + border-radius: 4px; + background-clip: padding-box; +} +.sceditor-container *, +.sceditor-container *:before, +.sceditor-container *:after { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +.sceditor-container, +.sceditor-container div, +div.sceditor-dropdown, +div.sceditor-dropdown div { + padding: 0; + margin: 0; + z-index: 3; +} +.sceditor-container iframe, +.sceditor-container textarea { + display: block; + -ms-flex: 1 1 0%; + flex: 1 1 0%; + line-height: 1.25; + border: 0; + outline: none; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 14px; + color: #111; + padding: 0; + margin: 5px; + resize: none; + background: #fff; + height: auto !important; + width: auto !important; + width: calc(100% - 10px) !important; + min-height: 1px; +} +.sceditor-container textarea { + margin: 7px 5px; +} +div.sceditor-dnd-cover { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + background: rgba(255, 255, 255, 0.2); + border: 5px dashed #aaa; + z-index: 200; + font-size: 2em; + text-align: center; + color: #aaa; +} +div.sceditor-dnd-cover p { + position: relative; + top: 45%; + pointer-events: none; +} +div.sceditor-resize-cover { + position: absolute; + top: 0; + left: 0; + background: #000; + width: 100%; + height: 100%; + z-index: 10; + opacity: 0.3; +} +div.sceditor-grip { + overflow: hidden; + width: 10px; + height: 10px; + cursor: pointer; + position: absolute; + bottom: 0; + right: 0; + z-index: 3; + line-height: 0; +} +div.sceditor-grip.has-icon { + background-image: none; +} +.sceditor-maximize { + position: fixed; + top: 0; + left: 0; + height: 100% !important; + width: 100% !important; + border-radius: 0; + background-clip: padding-box; + z-index: 2000; +} +html.sceditor-maximize, +body.sceditor-maximize { + height: 100%; + width: 100%; + padding: 0; + margin: 0; + overflow: hidden; +} +.sceditor-maximize div.sceditor-grip { + display: none; +} +.sceditor-maximize div.sceditor-toolbar { + border-radius: 0; + background-clip: padding-box; +} +/** + * Dropdown styleing + */ +div.sceditor-dropdown { + position: absolute; + border: 1px solid #ccc; + background: #fff; + z-index: 4000; + padding: 10px; + font-weight: normal; + font-size: 15px; + border-radius: 2px; + background-clip: padding-box; + box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); +} +div.sceditor-dropdown *, +div.sceditor-dropdown *:before, +div.sceditor-dropdown *:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +div.sceditor-dropdown a, +div.sceditor-dropdown a:link { + color: #333; +} +div.sceditor-dropdown form { + margin: 0; +} +div.sceditor-dropdown label { + display: block; + font-weight: bold; + color: #3c3c3c; + padding: 4px 0; +} +div.sceditor-dropdown input, +div.sceditor-dropdown textarea { + font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; + outline: 0; + padding: 4px; + border: 1px solid #ccc; + border-top-color: #888; + margin: 0 0 .75em; + border-radius: 1px; + background-clip: padding-box; +} +div.sceditor-dropdown textarea { + padding: 6px; +} +div.sceditor-dropdown input:focus, +div.sceditor-dropdown textarea:focus { + border-color: #aaa; + border-top-color: #666; + box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); +} +div.sceditor-dropdown .button { + font-weight: bold; + color: #444; + padding: 6px 12px; + background: #ececec; + border: solid 1px #ccc; + border-radius: 2px; + background-clip: padding-box; + cursor: pointer; + margin: .3em 0 0; +} +div.sceditor-dropdown .button:hover { + background: #f3f3f3; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); +} +div.sceditor-font-picker, +div.sceditor-fontsize-picker, +div.sceditor-format { + padding: 6px 0; +} +div.sceditor-color-picker { + padding: 4px; +} +div.sceditor-emoticons, +div.sceditor-more-emoticons { + padding: 0; +} +.sceditor-pastetext textarea { + border: 1px solid #bbb; + width: 20em; +} +.sceditor-emoticons img, +.sceditor-more-emoticons img { + padding: 0; + cursor: pointer; + margin: 2px; +} +.sceditor-more { + border-top: 1px solid #bbb; + display: block; + text-align: center; + cursor: pointer; + font-weight: bold; + padding: 6px 0; +} +.sceditor-dropdown a:hover { + background: #eee; +} +.sceditor-fontsize-option, +.sceditor-font-option, +.sceditor-format a { + display: block; + padding: 7px 10px; + cursor: pointer; + text-decoration: none; + color: #222; +} +.sceditor-fontsize-option { + padding: 7px 13px; +} +.sceditor-color-column { + float: left; +} +.sceditor-color-option { + display: block; + border: 2px solid #fff; + height: 18px; + width: 18px; + overflow: hidden; +} +.sceditor-color-option:hover { + border: 1px solid #aaa; +} +/** + * Toolbar styleing + */ +div.sceditor-toolbar { + flex-shrink: 0; + overflow: hidden; + padding: 3px 5px 2px; + background: #f7f7f7; + border-bottom: 1px solid #c0c0c0; + line-height: 0; + text-align: left; + user-select: none; + border-radius: 3px 3px 0 0; + background-clip: padding-box; +} +div.sceditor-group { + display: inline-block; + background: #ddd; + margin: 1px 5px 1px 0; + padding: 1px; + border-bottom: 1px solid #aaa; + border-radius: 3px; + background-clip: padding-box; +} +.sceditor-button { + float: left; + cursor: pointer; + padding: 3px 5px; + width: 16px; + height: 20px; + border-radius: 3px; + background-clip: padding-box; +} +.sceditor-button:hover, +.sceditor-button:active, +.sceditor-button.active { + background: #fff; + box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2); +} +.sceditor-button:active { + background: #fff; + box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), inset 0 0 8px rgba(0,0,0,0.3); +} +.sceditor-button.disabled:hover { + background: inherit; + cursor: default; + box-shadow: none; +} +.sceditor-button, +.sceditor-button div { + display: block; +} +.sceditor-button svg { + display: inline-block; + height: 16px; + width: 16px; + margin: 2px 0; + fill: #111; + text-decoration: none; + pointer-events: none; + line-height: 1; +} +.sceditor-button.disabled svg { + fill: #888; +} +.sceditor-button div { + display: inline-block; + margin: 2px 0; + padding: 0; + overflow: hidden; + line-height: 0; + font-size: 0; + color: transparent; +} +.sceditor-button.has-icon div { + display: none; +} +.sceditor-button.disabled div { + opacity: 0.3; +} +.text .sceditor-button, +.text .sceditor-button div, +.sceditor-button.text, +.sceditor-button.text div, +.text-icon .sceditor-button, +.text-icon .sceditor-button div, +.sceditor-button.text-icon, +.sceditor-button.text-icon div { + display: inline-block; + width: auto; + line-height: 16px; + font-size: 1em; + color: inherit; + text-indent: 0; +} +.text-icon .sceditor-button.has-icon div, +.sceditor-button.has-icon div, +.text .sceditor-button div, +.sceditor-button.text div { + padding: 0 2px; + background: none; +} +.text .sceditor-button svg, +.sceditor-button.text svg { + display: none; +} +.text-icon .sceditor-button div, +.sceditor-button.text-icon div { + padding: 0 2px 0 20px; +} +.rtl div.sceditor-toolbar { + text-align: right; +} +.rtl .sceditor-button { + float: right; +} +.rtl div.sceditor-grip { + right: auto; + left: 0; +} diff --git a/public/assets/development/themes/defaultdark.css b/public/assets/development/themes/defaultdark.css new file mode 100644 index 0000000..09da75d --- /dev/null +++ b/public/assets/development/themes/defaultdark.css @@ -0,0 +1,548 @@ +/*! SCEditor | (C) 2017, Sam Clarke | sceditor.com/license */ +/** + * Default SCEditor + * http://www.sceditor.com/ + * + * Copyright (C) 2017, Sam Clarke + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + */ +div.sceditor-grip, +.sceditor-button div { + background-image: url("famfamfam.png"); + background-repeat: no-repeat; + width: 16px; + height: 16px; +} +.sceditor-button-youtube div { + background-position: 0px 0px; +} +.sceditor-button-link div { + background-position: 0px -16px; +} +.sceditor-button-unlink div { + background-position: 0px -32px; +} +.sceditor-button-underline div { + background-position: 0px -48px; +} +.sceditor-button-time div { + background-position: 0px -64px; +} +.sceditor-button-table div { + background-position: 0px -80px; +} +.sceditor-button-superscript div { + background-position: 0px -96px; +} +.sceditor-button-subscript div { + background-position: 0px -112px; +} +.sceditor-button-strike div { + background-position: 0px -128px; +} +.sceditor-button-source div { + background-position: 0px -144px; +} +.sceditor-button-size div { + background-position: 0px -160px; +} +.sceditor-button-rtl div { + background-position: 0px -176px; +} +.sceditor-button-right div { + background-position: 0px -192px; +} +.sceditor-button-removeformat div { + background-position: 0px -208px; +} +.sceditor-button-quote div { + background-position: 0px -224px; +} +.sceditor-button-print div { + background-position: 0px -240px; +} +.sceditor-button-pastetext div { + background-position: 0px -256px; +} +.sceditor-button-paste div { + background-position: 0px -272px; +} +.sceditor-button-outdent div { + background-position: 0px -288px; +} +.sceditor-button-orderedlist div { + background-position: 0px -304px; +} +.sceditor-button-maximize div { + background-position: 0px -320px; +} +.sceditor-button-ltr div { + background-position: 0px -336px; +} +.sceditor-button-left div { + background-position: 0px -352px; +} +.sceditor-button-justify div { + background-position: 0px -368px; +} +.sceditor-button-italic div { + background-position: 0px -384px; +} +.sceditor-button-indent div { + background-position: 0px -400px; +} +.sceditor-button-image div { + background-position: 0px -416px; +} +.sceditor-button-horizontalrule div { + background-position: 0px -432px; +} +.sceditor-button-format div { + background-position: 0px -448px; +} +.sceditor-button-font div { + background-position: 0px -464px; +} +.sceditor-button-emoticon div { + background-position: 0px -480px; +} +.sceditor-button-email div { + background-position: 0px -496px; +} +.sceditor-button-date div { + background-position: 0px -512px; +} +.sceditor-button-cut div { + background-position: 0px -528px; +} +.sceditor-button-copy div { + background-position: 0px -544px; +} +.sceditor-button-color div { + background-position: 0px -560px; +} +.sceditor-button-code div { + background-position: 0px -576px; +} +.sceditor-button-center div { + background-position: 0px -592px; +} +.sceditor-button-bulletlist div { + background-position: 0px -608px; +} +.sceditor-button-bold div { + background-position: 0px -624px; +} +div.sceditor-grip { + background-position: 0px -640px; + width: 10px; + height: 10px; +} +.rtl div.sceditor-grip { + background-position: 0px -650px; +} +/** + * SCEditor + * http://www.sceditor.com/ + * + * Copyright (C) 2017, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + */ +/*--------------------------------------------------- + LESS Elements 0.7 + --------------------------------------------------- + A set of useful LESS mixins + More info at: http://lesselements.com + ---------------------------------------------------*/ +.sceditor-container { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + background: #fff; + border: 1px solid #d9d9d9; + font-size: 13px; + font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; + color: #333; + line-height: 1; + font-weight: bold; + height: 250px; + border-radius: 4px; + background-clip: padding-box; +} +.sceditor-container *, +.sceditor-container *:before, +.sceditor-container *:after { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +.sceditor-container, +.sceditor-container div, +div.sceditor-dropdown, +div.sceditor-dropdown div { + padding: 0; + margin: 0; + z-index: 3; +} +.sceditor-container iframe, +.sceditor-container textarea { + display: block; + -ms-flex: 1 1 0%; + flex: 1 1 0%; + line-height: 1.25; + border: 0; + outline: none; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 14px; + color: #111; + padding: 0; + margin: 5px; + resize: none; + background: #fff; + height: auto !important; + width: auto !important; + width: calc(100% - 10px) !important; + min-height: 1px; +} +.sceditor-container textarea { + margin: 7px 5px; +} +div.sceditor-dnd-cover { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + background: rgba(255, 255, 255, 0.2); + border: 5px dashed #aaa; + z-index: 200; + font-size: 2em; + text-align: center; + color: #aaa; +} +div.sceditor-dnd-cover p { + position: relative; + top: 45%; + pointer-events: none; +} +div.sceditor-resize-cover { + position: absolute; + top: 0; + left: 0; + background: #000; + width: 100%; + height: 100%; + z-index: 10; + opacity: 0.3; +} +div.sceditor-grip { + overflow: hidden; + width: 10px; + height: 10px; + cursor: pointer; + position: absolute; + bottom: 0; + right: 0; + z-index: 3; + line-height: 0; +} +div.sceditor-grip.has-icon { + background-image: none; +} +.sceditor-maximize { + position: fixed; + top: 0; + left: 0; + height: 100% !important; + width: 100% !important; + border-radius: 0; + background-clip: padding-box; + z-index: 2000; +} +html.sceditor-maximize, +body.sceditor-maximize { + height: 100%; + width: 100%; + padding: 0; + margin: 0; + overflow: hidden; +} +.sceditor-maximize div.sceditor-grip { + display: none; +} +.sceditor-maximize div.sceditor-toolbar { + border-radius: 0; + background-clip: padding-box; +} +/** + * Dropdown styleing + */ +div.sceditor-dropdown { + position: absolute; + border: 1px solid #ccc; + background: #fff; + z-index: 4000; + padding: 10px; + font-weight: normal; + font-size: 15px; + border-radius: 2px; + background-clip: padding-box; + box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); +} +div.sceditor-dropdown *, +div.sceditor-dropdown *:before, +div.sceditor-dropdown *:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +div.sceditor-dropdown a, +div.sceditor-dropdown a:link { + color: #333; +} +div.sceditor-dropdown form { + margin: 0; +} +div.sceditor-dropdown label { + display: block; + font-weight: bold; + color: #3c3c3c; + padding: 4px 0; +} +div.sceditor-dropdown input, +div.sceditor-dropdown textarea { + font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; + outline: 0; + padding: 4px; + border: 1px solid #ccc; + border-top-color: #888; + margin: 0 0 .75em; + border-radius: 1px; + background-clip: padding-box; +} +div.sceditor-dropdown textarea { + padding: 6px; +} +div.sceditor-dropdown input:focus, +div.sceditor-dropdown textarea:focus { + border-color: #aaa; + border-top-color: #666; + box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); +} +div.sceditor-dropdown .button { + font-weight: bold; + color: #444; + padding: 6px 12px; + background: #ececec; + border: solid 1px #ccc; + border-radius: 2px; + background-clip: padding-box; + cursor: pointer; + margin: .3em 0 0; +} +div.sceditor-dropdown .button:hover { + background: #f3f3f3; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); +} +div.sceditor-font-picker, +div.sceditor-fontsize-picker, +div.sceditor-format { + padding: 6px 0; +} +div.sceditor-color-picker { + padding: 4px; +} +div.sceditor-emoticons, +div.sceditor-more-emoticons { + padding: 0; +} +.sceditor-pastetext textarea { + border: 1px solid #bbb; + width: 20em; +} +.sceditor-emoticons img, +.sceditor-more-emoticons img { + padding: 0; + cursor: pointer; + margin: 2px; +} +.sceditor-more { + border-top: 1px solid #bbb; + display: block; + text-align: center; + cursor: pointer; + font-weight: bold; + padding: 6px 0; +} +.sceditor-dropdown a:hover { + background: #eee; +} +.sceditor-fontsize-option, +.sceditor-font-option, +.sceditor-format a { + display: block; + padding: 7px 10px; + cursor: pointer; + text-decoration: none; + color: #222; +} +.sceditor-fontsize-option { + padding: 7px 13px; +} +.sceditor-color-column { + float: left; +} +.sceditor-color-option { + display: block; + border: 2px solid #fff; + height: 18px; + width: 18px; + overflow: hidden; +} +.sceditor-color-option:hover { + border: 1px solid #aaa; +} +/** + * Toolbar styleing + */ +div.sceditor-toolbar { + flex-shrink: 0; + overflow: hidden; + padding: 3px 5px 2px; + background: #f7f7f7; + border-bottom: 1px solid #c0c0c0; + line-height: 0; + text-align: left; + user-select: none; + border-radius: 3px 3px 0 0; + background-clip: padding-box; +} +div.sceditor-group { + display: inline-block; + background: #ddd; + margin: 1px 5px 1px 0; + padding: 1px; + border-bottom: 1px solid #aaa; + border-radius: 3px; + background-clip: padding-box; +} +.sceditor-button { + float: left; + cursor: pointer; + padding: 3px 5px; + width: 16px; + height: 20px; + border-radius: 3px; + background-clip: padding-box; +} +.sceditor-button:hover, +.sceditor-button:active, +.sceditor-button.active { + background: #fff; + box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2); +} +.sceditor-button:active { + background: #fff; + box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), inset 0 0 8px rgba(0,0,0,0.3); +} +.sceditor-button.disabled:hover { + background: inherit; + cursor: default; + box-shadow: none; +} +.sceditor-button, +.sceditor-button div { + display: block; +} +.sceditor-button svg { + display: inline-block; + height: 16px; + width: 16px; + margin: 2px 0; + fill: #111; + text-decoration: none; + pointer-events: none; + line-height: 1; +} +.sceditor-button.disabled svg { + fill: #888; +} +.sceditor-button div { + display: inline-block; + margin: 2px 0; + padding: 0; + overflow: hidden; + line-height: 0; + font-size: 0; + color: transparent; +} +.sceditor-button.has-icon div { + display: none; +} +.sceditor-button.disabled div { + opacity: 0.3; +} +.text .sceditor-button, +.text .sceditor-button div, +.sceditor-button.text, +.sceditor-button.text div, +.text-icon .sceditor-button, +.text-icon .sceditor-button div, +.sceditor-button.text-icon, +.sceditor-button.text-icon div { + display: inline-block; + width: auto; + line-height: 16px; + font-size: 1em; + color: inherit; + text-indent: 0; +} +.text-icon .sceditor-button.has-icon div, +.sceditor-button.has-icon div, +.text .sceditor-button div, +.sceditor-button.text div { + padding: 0 2px; + background: none; +} +.text .sceditor-button svg, +.sceditor-button.text svg { + display: none; +} +.text-icon .sceditor-button div, +.sceditor-button.text-icon div { + padding: 0 2px 0 20px; +} +.rtl div.sceditor-toolbar { + text-align: right; +} +.rtl .sceditor-button { + float: right; +} +.rtl div.sceditor-grip { + right: auto; + left: 0; +} +div.sceditor-toolbar { + background: #5d5d5d; +} +div.sceditor-group { + background: #303030; + border-bottom: 1px solid #000; +} +.sceditor-button:hover, +.sceditor-button:active, +.sceditor-button.active { + background: #6b6b6b; +} +.sceditor-button svg { + fill: #fff; +} +.sceditor-button.disabled svg { + fill: #777; +} diff --git a/public/assets/development/themes/famfamfam.png b/public/assets/development/themes/famfamfam.png new file mode 100644 index 0000000..488c72a Binary files /dev/null and b/public/assets/development/themes/famfamfam.png differ diff --git a/public/assets/development/themes/modern.css b/public/assets/development/themes/modern.css new file mode 100644 index 0000000..e3c4a67 --- /dev/null +++ b/public/assets/development/themes/modern.css @@ -0,0 +1,604 @@ +/** + * Modern theme + * + * Copyright (C) 2012, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + * + * Icons by Mark James (http://www.famfamfam.com/lab/icons/silk/) + * Licensed under the Creative Commons CC-BY license (http://creativecommons.org/licenses/by/3.0/) + */ +/*! SCEditor | (C) 2011-2016, Sam Clarke | sceditor.com/license */ +/** + * Default SCEditor + * http://www.sceditor.com/ + * + * Copyright (C) 2011-16, Sam Clarke + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + */ +div.sceditor-grip, +.sceditor-button div { + background-image: url("famfamfam.png"); + background-repeat: no-repeat; + width: 16px; + height: 16px; +} +.sceditor-button-youtube div { + background-position: 0px 0px; +} +.sceditor-button-link div { + background-position: 0px -16px; +} +.sceditor-button-unlink div { + background-position: 0px -32px; +} +.sceditor-button-underline div { + background-position: 0px -48px; +} +.sceditor-button-time div { + background-position: 0px -64px; +} +.sceditor-button-table div { + background-position: 0px -80px; +} +.sceditor-button-superscript div { + background-position: 0px -96px; +} +.sceditor-button-subscript div { + background-position: 0px -112px; +} +.sceditor-button-strike div { + background-position: 0px -128px; +} +.sceditor-button-source div { + background-position: 0px -144px; +} +.sceditor-button-size div { + background-position: 0px -160px; +} +.sceditor-button-rtl div { + background-position: 0px -176px; +} +.sceditor-button-right div { + background-position: 0px -192px; +} +.sceditor-button-removeformat div { + background-position: 0px -208px; +} +.sceditor-button-quote div { + background-position: 0px -224px; +} +.sceditor-button-print div { + background-position: 0px -240px; +} +.sceditor-button-pastetext div { + background-position: 0px -256px; +} +.sceditor-button-paste div { + background-position: 0px -272px; +} +.sceditor-button-outdent div { + background-position: 0px -288px; +} +.sceditor-button-orderedlist div { + background-position: 0px -304px; +} +.sceditor-button-maximize div { + background-position: 0px -320px; +} +.sceditor-button-ltr div { + background-position: 0px -336px; +} +.sceditor-button-left div { + background-position: 0px -352px; +} +.sceditor-button-justify div { + background-position: 0px -368px; +} +.sceditor-button-italic div { + background-position: 0px -384px; +} +.sceditor-button-indent div { + background-position: 0px -400px; +} +.sceditor-button-image div { + background-position: 0px -416px; +} +.sceditor-button-horizontalrule div { + background-position: 0px -432px; +} +.sceditor-button-format div { + background-position: 0px -448px; +} +.sceditor-button-font div { + background-position: 0px -464px; +} +.sceditor-button-emoticon div { + background-position: 0px -480px; +} +.sceditor-button-email div { + background-position: 0px -496px; +} +.sceditor-button-date div { + background-position: 0px -512px; +} +.sceditor-button-cut div { + background-position: 0px -528px; +} +.sceditor-button-copy div { + background-position: 0px -544px; +} +.sceditor-button-color div { + background-position: 0px -560px; +} +.sceditor-button-code div { + background-position: 0px -576px; +} +.sceditor-button-center div { + background-position: 0px -592px; +} +.sceditor-button-bulletlist div { + background-position: 0px -608px; +} +.sceditor-button-bold div { + background-position: 0px -624px; +} +div.sceditor-grip { + background-position: 0px -640px; + width: 10px; + height: 10px; +} +.rtl div.sceditor-grip { + background-position: 0px -650px; +} +/** + * SCEditor + * http://www.sceditor.com/ + * + * Copyright (C) 2017, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + */ +/*--------------------------------------------------- + LESS Elements 0.7 + --------------------------------------------------- + A set of useful LESS mixins + More info at: http://lesselements.com + ---------------------------------------------------*/ +.sceditor-container { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + background: #fff; + border: 1px solid #d9d9d9; + font-size: 13px; + font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; + color: #333; + line-height: 1; + font-weight: bold; + height: 250px; + border-radius: 4px; + background-clip: padding-box; +} +.sceditor-container *, +.sceditor-container *:before, +.sceditor-container *:after { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +.sceditor-container, +.sceditor-container div, +div.sceditor-dropdown, +div.sceditor-dropdown div { + padding: 0; + margin: 0; + z-index: 3; +} +.sceditor-container iframe, +.sceditor-container textarea { + display: block; + -ms-flex: 1 1 0%; + flex: 1 1 0%; + line-height: 1.25; + border: 0; + outline: none; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 14px; + color: #111; + padding: 0; + margin: 5px; + resize: none; + background: #fff; + height: auto !important; + width: auto !important; + width: calc(100% - 10px) !important; + min-height: 1px; +} +.sceditor-container textarea { + margin: 7px 5px; +} +div.sceditor-dnd-cover { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + background: rgba(255, 255, 255, 0.2); + border: 5px dashed #aaa; + z-index: 200; + font-size: 2em; + text-align: center; + color: #aaa; +} +div.sceditor-dnd-cover p { + position: relative; + top: 45%; + pointer-events: none; +} +div.sceditor-resize-cover { + position: absolute; + top: 0; + left: 0; + background: #000; + width: 100%; + height: 100%; + z-index: 10; + opacity: 0.3; +} +div.sceditor-grip { + overflow: hidden; + width: 10px; + height: 10px; + cursor: pointer; + position: absolute; + bottom: 0; + right: 0; + z-index: 3; + line-height: 0; +} +div.sceditor-grip.has-icon { + background-image: none; +} +.sceditor-maximize { + position: fixed; + top: 0; + left: 0; + height: 100% !important; + width: 100% !important; + border-radius: 0; + background-clip: padding-box; + z-index: 2000; +} +html.sceditor-maximize, +body.sceditor-maximize { + height: 100%; + width: 100%; + padding: 0; + margin: 0; + overflow: hidden; +} +.sceditor-maximize div.sceditor-grip { + display: none; +} +.sceditor-maximize div.sceditor-toolbar { + border-radius: 0; + background-clip: padding-box; +} +/** + * Dropdown styleing + */ +div.sceditor-dropdown { + position: absolute; + border: 1px solid #ccc; + background: #fff; + z-index: 4000; + padding: 10px; + font-weight: normal; + font-size: 15px; + border-radius: 2px; + background-clip: padding-box; + box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); +} +div.sceditor-dropdown *, +div.sceditor-dropdown *:before, +div.sceditor-dropdown *:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +div.sceditor-dropdown a, +div.sceditor-dropdown a:link { + color: #333; +} +div.sceditor-dropdown form { + margin: 0; +} +div.sceditor-dropdown label { + display: block; + font-weight: bold; + color: #3c3c3c; + padding: 4px 0; +} +div.sceditor-dropdown input, +div.sceditor-dropdown textarea { + font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; + outline: 0; + padding: 4px; + border: 1px solid #ccc; + border-top-color: #888; + margin: 0 0 .75em; + border-radius: 1px; + background-clip: padding-box; +} +div.sceditor-dropdown textarea { + padding: 6px; +} +div.sceditor-dropdown input:focus, +div.sceditor-dropdown textarea:focus { + border-color: #aaa; + border-top-color: #666; + box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); +} +div.sceditor-dropdown .button { + font-weight: bold; + color: #444; + padding: 6px 12px; + background: #ececec; + border: solid 1px #ccc; + border-radius: 2px; + background-clip: padding-box; + cursor: pointer; + margin: .3em 0 0; +} +div.sceditor-dropdown .button:hover { + background: #f3f3f3; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); +} +div.sceditor-font-picker, +div.sceditor-fontsize-picker, +div.sceditor-format { + padding: 6px 0; +} +div.sceditor-color-picker { + padding: 4px; +} +div.sceditor-emoticons, +div.sceditor-more-emoticons { + padding: 0; +} +.sceditor-pastetext textarea { + border: 1px solid #bbb; + width: 20em; +} +.sceditor-emoticons img, +.sceditor-more-emoticons img { + padding: 0; + cursor: pointer; + margin: 2px; +} +.sceditor-more { + border-top: 1px solid #bbb; + display: block; + text-align: center; + cursor: pointer; + font-weight: bold; + padding: 6px 0; +} +.sceditor-dropdown a:hover { + background: #eee; +} +.sceditor-fontsize-option, +.sceditor-font-option, +.sceditor-format a { + display: block; + padding: 7px 10px; + cursor: pointer; + text-decoration: none; + color: #222; +} +.sceditor-fontsize-option { + padding: 7px 13px; +} +.sceditor-color-column { + float: left; +} +.sceditor-color-option { + display: block; + border: 2px solid #fff; + height: 18px; + width: 18px; + overflow: hidden; +} +.sceditor-color-option:hover { + border: 1px solid #aaa; +} +/** + * Toolbar styleing + */ +div.sceditor-toolbar { + flex-shrink: 0; + overflow: hidden; + padding: 3px 5px 2px; + background: #f7f7f7; + border-bottom: 1px solid #c0c0c0; + line-height: 0; + text-align: left; + user-select: none; + border-radius: 3px 3px 0 0; + background-clip: padding-box; +} +div.sceditor-group { + display: inline-block; + background: #ddd; + margin: 1px 5px 1px 0; + padding: 1px; + border-bottom: 1px solid #aaa; + border-radius: 3px; + background-clip: padding-box; +} +.sceditor-button { + float: left; + cursor: pointer; + padding: 3px 5px; + width: 16px; + height: 20px; + border-radius: 3px; + background-clip: padding-box; +} +.sceditor-button:hover, +.sceditor-button:active, +.sceditor-button.active { + background: #fff; + box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2); +} +.sceditor-button:active { + background: #fff; + box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), inset 0 0 8px rgba(0,0,0,0.3); +} +.sceditor-button.disabled:hover { + background: inherit; + cursor: default; + box-shadow: none; +} +.sceditor-button, +.sceditor-button div { + display: block; +} +.sceditor-button svg { + display: inline-block; + height: 16px; + width: 16px; + margin: 2px 0; + fill: #111; + text-decoration: none; + pointer-events: none; + line-height: 1; +} +.sceditor-button.disabled svg { + fill: #888; +} +.sceditor-button div { + display: inline-block; + margin: 2px 0; + padding: 0; + overflow: hidden; + line-height: 0; + font-size: 0; + color: transparent; +} +.sceditor-button.has-icon div { + display: none; +} +.sceditor-button.disabled div { + opacity: 0.3; +} +.text .sceditor-button, +.text .sceditor-button div, +.sceditor-button.text, +.sceditor-button.text div, +.text-icon .sceditor-button, +.text-icon .sceditor-button div, +.sceditor-button.text-icon, +.sceditor-button.text-icon div { + display: inline-block; + width: auto; + line-height: 16px; + font-size: 1em; + color: inherit; + text-indent: 0; +} +.text-icon .sceditor-button.has-icon div, +.sceditor-button.has-icon div, +.text .sceditor-button div, +.sceditor-button.text div { + padding: 0 2px; + background: none; +} +.text .sceditor-button svg, +.sceditor-button.text svg { + display: none; +} +.text-icon .sceditor-button div, +.sceditor-button.text-icon div { + padding: 0 2px 0 20px; +} +.rtl div.sceditor-toolbar { + text-align: right; +} +.rtl .sceditor-button { + float: right; +} +.rtl div.sceditor-grip { + right: auto; + left: 0; +} +.sceditor-container { + border: 1px solid #999; +} +.sceditor-container textarea { + font-family: Consolas, "Bitstream Vera Sans Mono", "Andale Mono", Monaco, "DejaVu Sans Mono", "Lucida Console", monospace; + background: #2e3436; + color: #fff; + margin: 0; + padding: 5px; +} +div.sceditor-toolbar { + background: #ccc; + background: linear-gradient(to bottom, #cccccc 0%, #b2b2b2 100%); +} +div.sceditor-group { + display: inline; + background: transparent; + margin: 0; + padding: 0; + border: 0; +} +.sceditor-button { + padding: 4px; + margin: 2px 1px 2px 3px; + height: 16px; + border-radius: 12px; + background-clip: padding-box; +} +.sceditor-button:hover, +.sceditor-button.active, +.sceditor-button.active:hover { + box-shadow: none; +} +.sceditor-button:hover { + background: #fff; + background: rgba(255, 255, 255, 0.75); + margin: 1px 0 1px 2px; + border: 1px solid #eee; +} +.sceditor-button.disabled:hover { + margin: 2px 1px 2px 3px; + border: 0; +} +.sceditor-button.active { + background: #b1b1b1; + background: rgba(0, 0, 0, 0.1); + margin: 1px 0 1px 2px; + border: 1px solid #999; +} +.sceditor-button.active:hover { + background: #fff; + background: rgba(255, 255, 255, 0.25); +} +.sceditor-button:active, +.sceditor-button.active:active { + margin: 1px 0 1px 2px; + border: 1px solid #999; + box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5); +} +.sceditor-button div, +.sceditor-button svg { + margin: 0; +} diff --git a/public/assets/development/themes/office-toolbar.css b/public/assets/development/themes/office-toolbar.css new file mode 100644 index 0000000..ed3ee3c --- /dev/null +++ b/public/assets/development/themes/office-toolbar.css @@ -0,0 +1,596 @@ +/** + * Copyright (C) 2012, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + * + * Icons by Mark James (http://www.famfamfam.com/lab/icons/silk/) + * Licensed under the Creative Commons CC-BY license (http://creativecommons.org/licenses/by/3.0/) + */ +/*! SCEditor | (C) 2011-2016, Sam Clarke | sceditor.com/license */ +/** + * Default SCEditor + * http://www.sceditor.com/ + * + * Copyright (C) 2011-16, Sam Clarke + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + */ +div.sceditor-grip, +.sceditor-button div { + background-image: url("famfamfam.png"); + background-repeat: no-repeat; + width: 16px; + height: 16px; +} +.sceditor-button-youtube div { + background-position: 0px 0px; +} +.sceditor-button-link div { + background-position: 0px -16px; +} +.sceditor-button-unlink div { + background-position: 0px -32px; +} +.sceditor-button-underline div { + background-position: 0px -48px; +} +.sceditor-button-time div { + background-position: 0px -64px; +} +.sceditor-button-table div { + background-position: 0px -80px; +} +.sceditor-button-superscript div { + background-position: 0px -96px; +} +.sceditor-button-subscript div { + background-position: 0px -112px; +} +.sceditor-button-strike div { + background-position: 0px -128px; +} +.sceditor-button-source div { + background-position: 0px -144px; +} +.sceditor-button-size div { + background-position: 0px -160px; +} +.sceditor-button-rtl div { + background-position: 0px -176px; +} +.sceditor-button-right div { + background-position: 0px -192px; +} +.sceditor-button-removeformat div { + background-position: 0px -208px; +} +.sceditor-button-quote div { + background-position: 0px -224px; +} +.sceditor-button-print div { + background-position: 0px -240px; +} +.sceditor-button-pastetext div { + background-position: 0px -256px; +} +.sceditor-button-paste div { + background-position: 0px -272px; +} +.sceditor-button-outdent div { + background-position: 0px -288px; +} +.sceditor-button-orderedlist div { + background-position: 0px -304px; +} +.sceditor-button-maximize div { + background-position: 0px -320px; +} +.sceditor-button-ltr div { + background-position: 0px -336px; +} +.sceditor-button-left div { + background-position: 0px -352px; +} +.sceditor-button-justify div { + background-position: 0px -368px; +} +.sceditor-button-italic div { + background-position: 0px -384px; +} +.sceditor-button-indent div { + background-position: 0px -400px; +} +.sceditor-button-image div { + background-position: 0px -416px; +} +.sceditor-button-horizontalrule div { + background-position: 0px -432px; +} +.sceditor-button-format div { + background-position: 0px -448px; +} +.sceditor-button-font div { + background-position: 0px -464px; +} +.sceditor-button-emoticon div { + background-position: 0px -480px; +} +.sceditor-button-email div { + background-position: 0px -496px; +} +.sceditor-button-date div { + background-position: 0px -512px; +} +.sceditor-button-cut div { + background-position: 0px -528px; +} +.sceditor-button-copy div { + background-position: 0px -544px; +} +.sceditor-button-color div { + background-position: 0px -560px; +} +.sceditor-button-code div { + background-position: 0px -576px; +} +.sceditor-button-center div { + background-position: 0px -592px; +} +.sceditor-button-bulletlist div { + background-position: 0px -608px; +} +.sceditor-button-bold div { + background-position: 0px -624px; +} +div.sceditor-grip { + background-position: 0px -640px; + width: 10px; + height: 10px; +} +.rtl div.sceditor-grip { + background-position: 0px -650px; +} +/** + * SCEditor + * http://www.sceditor.com/ + * + * Copyright (C) 2017, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + */ +/*--------------------------------------------------- + LESS Elements 0.7 + --------------------------------------------------- + A set of useful LESS mixins + More info at: http://lesselements.com + ---------------------------------------------------*/ +.sceditor-container { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + background: #fff; + border: 1px solid #d9d9d9; + font-size: 13px; + font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; + color: #333; + line-height: 1; + font-weight: bold; + height: 250px; + border-radius: 4px; + background-clip: padding-box; +} +.sceditor-container *, +.sceditor-container *:before, +.sceditor-container *:after { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +.sceditor-container, +.sceditor-container div, +div.sceditor-dropdown, +div.sceditor-dropdown div { + padding: 0; + margin: 0; + z-index: 3; +} +.sceditor-container iframe, +.sceditor-container textarea { + display: block; + -ms-flex: 1 1 0%; + flex: 1 1 0%; + line-height: 1.25; + border: 0; + outline: none; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 14px; + color: #111; + padding: 0; + margin: 5px; + resize: none; + background: #fff; + height: auto !important; + width: auto !important; + width: calc(100% - 10px) !important; + min-height: 1px; +} +.sceditor-container textarea { + margin: 7px 5px; +} +div.sceditor-dnd-cover { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + background: rgba(255, 255, 255, 0.2); + border: 5px dashed #aaa; + z-index: 200; + font-size: 2em; + text-align: center; + color: #aaa; +} +div.sceditor-dnd-cover p { + position: relative; + top: 45%; + pointer-events: none; +} +div.sceditor-resize-cover { + position: absolute; + top: 0; + left: 0; + background: #000; + width: 100%; + height: 100%; + z-index: 10; + opacity: 0.3; +} +div.sceditor-grip { + overflow: hidden; + width: 10px; + height: 10px; + cursor: pointer; + position: absolute; + bottom: 0; + right: 0; + z-index: 3; + line-height: 0; +} +div.sceditor-grip.has-icon { + background-image: none; +} +.sceditor-maximize { + position: fixed; + top: 0; + left: 0; + height: 100% !important; + width: 100% !important; + border-radius: 0; + background-clip: padding-box; + z-index: 2000; +} +html.sceditor-maximize, +body.sceditor-maximize { + height: 100%; + width: 100%; + padding: 0; + margin: 0; + overflow: hidden; +} +.sceditor-maximize div.sceditor-grip { + display: none; +} +.sceditor-maximize div.sceditor-toolbar { + border-radius: 0; + background-clip: padding-box; +} +/** + * Dropdown styleing + */ +div.sceditor-dropdown { + position: absolute; + border: 1px solid #ccc; + background: #fff; + z-index: 4000; + padding: 10px; + font-weight: normal; + font-size: 15px; + border-radius: 2px; + background-clip: padding-box; + box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); +} +div.sceditor-dropdown *, +div.sceditor-dropdown *:before, +div.sceditor-dropdown *:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +div.sceditor-dropdown a, +div.sceditor-dropdown a:link { + color: #333; +} +div.sceditor-dropdown form { + margin: 0; +} +div.sceditor-dropdown label { + display: block; + font-weight: bold; + color: #3c3c3c; + padding: 4px 0; +} +div.sceditor-dropdown input, +div.sceditor-dropdown textarea { + font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; + outline: 0; + padding: 4px; + border: 1px solid #ccc; + border-top-color: #888; + margin: 0 0 .75em; + border-radius: 1px; + background-clip: padding-box; +} +div.sceditor-dropdown textarea { + padding: 6px; +} +div.sceditor-dropdown input:focus, +div.sceditor-dropdown textarea:focus { + border-color: #aaa; + border-top-color: #666; + box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); +} +div.sceditor-dropdown .button { + font-weight: bold; + color: #444; + padding: 6px 12px; + background: #ececec; + border: solid 1px #ccc; + border-radius: 2px; + background-clip: padding-box; + cursor: pointer; + margin: .3em 0 0; +} +div.sceditor-dropdown .button:hover { + background: #f3f3f3; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); +} +div.sceditor-font-picker, +div.sceditor-fontsize-picker, +div.sceditor-format { + padding: 6px 0; +} +div.sceditor-color-picker { + padding: 4px; +} +div.sceditor-emoticons, +div.sceditor-more-emoticons { + padding: 0; +} +.sceditor-pastetext textarea { + border: 1px solid #bbb; + width: 20em; +} +.sceditor-emoticons img, +.sceditor-more-emoticons img { + padding: 0; + cursor: pointer; + margin: 2px; +} +.sceditor-more { + border-top: 1px solid #bbb; + display: block; + text-align: center; + cursor: pointer; + font-weight: bold; + padding: 6px 0; +} +.sceditor-dropdown a:hover { + background: #eee; +} +.sceditor-fontsize-option, +.sceditor-font-option, +.sceditor-format a { + display: block; + padding: 7px 10px; + cursor: pointer; + text-decoration: none; + color: #222; +} +.sceditor-fontsize-option { + padding: 7px 13px; +} +.sceditor-color-column { + float: left; +} +.sceditor-color-option { + display: block; + border: 2px solid #fff; + height: 18px; + width: 18px; + overflow: hidden; +} +.sceditor-color-option:hover { + border: 1px solid #aaa; +} +/** + * Toolbar styleing + */ +div.sceditor-toolbar { + flex-shrink: 0; + overflow: hidden; + padding: 3px 5px 2px; + background: #f7f7f7; + border-bottom: 1px solid #c0c0c0; + line-height: 0; + text-align: left; + user-select: none; + border-radius: 3px 3px 0 0; + background-clip: padding-box; +} +div.sceditor-group { + display: inline-block; + background: #ddd; + margin: 1px 5px 1px 0; + padding: 1px; + border-bottom: 1px solid #aaa; + border-radius: 3px; + background-clip: padding-box; +} +.sceditor-button { + float: left; + cursor: pointer; + padding: 3px 5px; + width: 16px; + height: 20px; + border-radius: 3px; + background-clip: padding-box; +} +.sceditor-button:hover, +.sceditor-button:active, +.sceditor-button.active { + background: #fff; + box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2); +} +.sceditor-button:active { + background: #fff; + box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), inset 0 0 8px rgba(0,0,0,0.3); +} +.sceditor-button.disabled:hover { + background: inherit; + cursor: default; + box-shadow: none; +} +.sceditor-button, +.sceditor-button div { + display: block; +} +.sceditor-button svg { + display: inline-block; + height: 16px; + width: 16px; + margin: 2px 0; + fill: #111; + text-decoration: none; + pointer-events: none; + line-height: 1; +} +.sceditor-button.disabled svg { + fill: #888; +} +.sceditor-button div { + display: inline-block; + margin: 2px 0; + padding: 0; + overflow: hidden; + line-height: 0; + font-size: 0; + color: transparent; +} +.sceditor-button.has-icon div { + display: none; +} +.sceditor-button.disabled div { + opacity: 0.3; +} +.text .sceditor-button, +.text .sceditor-button div, +.sceditor-button.text, +.sceditor-button.text div, +.text-icon .sceditor-button, +.text-icon .sceditor-button div, +.sceditor-button.text-icon, +.sceditor-button.text-icon div { + display: inline-block; + width: auto; + line-height: 16px; + font-size: 1em; + color: inherit; + text-indent: 0; +} +.text-icon .sceditor-button.has-icon div, +.sceditor-button.has-icon div, +.text .sceditor-button div, +.sceditor-button.text div { + padding: 0 2px; + background: none; +} +.text .sceditor-button svg, +.sceditor-button.text svg { + display: none; +} +.text-icon .sceditor-button div, +.sceditor-button.text-icon div { + padding: 0 2px 0 20px; +} +.rtl div.sceditor-toolbar { + text-align: right; +} +.rtl .sceditor-button { + float: right; +} +.rtl div.sceditor-grip { + right: auto; + left: 0; +} +.sceditor-container { + border: 1px solid #8db2e3; +} +.sceditor-container textarea { + font-family: Consolas, "Bitstream Vera Sans Mono", "Andale Mono", Monaco, "DejaVu Sans Mono", "Lucida Console", monospace; +} +div.sceditor-toolbar { + border-bottom: 1px solid #95a9c3; + background: #dee8f5; + background: linear-gradient(to bottom, #dee8f5 0%, #c7d8ed 29%, #ccdcee 61%, #c0d8ef 100%); +} +div.sceditor-group { + border: 1px solid #7596bf; + background: transparent; + padding: 0; + background: #cadcf0; + background: linear-gradient(to bottom, #cadcf0 24%, #bcd0e9 38%, #d0e1f7 99%); +} +.sceditor-button { + height: 16px; + padding: 3px 4px; + border-radius: 0; + background-clip: padding-box; + box-shadow: inset 0 1px #d5e3f1, inset 0 -1px #e3edfb, inset 1px 0 #cddcef, inset -1px 0 #b8ceea; +} +.sceditor-button:first-child { + border-radius: 4px 0 0 4px; + background-clip: padding-box; +} +.sceditor-button:last-child { + border-radius: 0 4px 4px 0; + background-clip: padding-box; +} +.sceditor-button div, +.sceditor-button svg { + margin: 0; +} +.sceditor-button.active { + background: #fbdbb5; + background: linear-gradient(to bottom, #fbdbb5 11%, #feb456 29%, #fdeb9f 99%); + box-shadow: inset 0 1px #ebd1b4, inset 0 -1px #ffe47f, inset -1px 0 #b8ceea; +} +.sceditor-button:hover { + background: #fef7d5; + background: linear-gradient(to bottom, #fef7d5 0%, #fae5a9 42%, #ffd048 42%, #ffe59f 100%); + box-shadow: inset 0 1px #fffbe8, inset -1px 0 #ffefc4, inset 0 -1px #fff9cc; +} +.sceditor-button:active { + background: #e7a66d; + background: linear-gradient(to bottom, #e7a66d 0%, #fcb16d 1%, #ff8d05 42%, #ffc450 100%); + box-shadow: inset 0 1px 1px #7b6645, inset 0 -1px #d19c33; +} +.sceditor-button.active:hover { + background: #dba368; + background: linear-gradient(to bottom, #dba368 0%, #ffbd79 4%, #fea335 34%, #ffc64c 66%, #fee069 100%); + box-shadow: inset 0 1px 1px #9e8255, inset 0 -1px #fcce6b; +} diff --git a/public/assets/development/themes/office.css b/public/assets/development/themes/office.css new file mode 100644 index 0000000..8cd4ba9 --- /dev/null +++ b/public/assets/development/themes/office.css @@ -0,0 +1,618 @@ +/** + * Copyright (C) 2012, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + * + * Icons by Mark James (http://www.famfamfam.com/lab/icons/silk/) + * Licensed under the Creative Commons CC-BY license (http://creativecommons.org/licenses/by/3.0/) + */ +/** + * Copyright (C) 2012, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + * + * Icons by Mark James (http://www.famfamfam.com/lab/icons/silk/) + * Licensed under the Creative Commons CC-BY license (http://creativecommons.org/licenses/by/3.0/) + */ +/*! SCEditor | (C) 2011-2016, Sam Clarke | sceditor.com/license */ +/** + * Default SCEditor + * http://www.sceditor.com/ + * + * Copyright (C) 2011-16, Sam Clarke + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + */ +div.sceditor-grip, +.sceditor-button div { + background-image: url("famfamfam.png"); + background-repeat: no-repeat; + width: 16px; + height: 16px; +} +.sceditor-button-youtube div { + background-position: 0px 0px; +} +.sceditor-button-link div { + background-position: 0px -16px; +} +.sceditor-button-unlink div { + background-position: 0px -32px; +} +.sceditor-button-underline div { + background-position: 0px -48px; +} +.sceditor-button-time div { + background-position: 0px -64px; +} +.sceditor-button-table div { + background-position: 0px -80px; +} +.sceditor-button-superscript div { + background-position: 0px -96px; +} +.sceditor-button-subscript div { + background-position: 0px -112px; +} +.sceditor-button-strike div { + background-position: 0px -128px; +} +.sceditor-button-source div { + background-position: 0px -144px; +} +.sceditor-button-size div { + background-position: 0px -160px; +} +.sceditor-button-rtl div { + background-position: 0px -176px; +} +.sceditor-button-right div { + background-position: 0px -192px; +} +.sceditor-button-removeformat div { + background-position: 0px -208px; +} +.sceditor-button-quote div { + background-position: 0px -224px; +} +.sceditor-button-print div { + background-position: 0px -240px; +} +.sceditor-button-pastetext div { + background-position: 0px -256px; +} +.sceditor-button-paste div { + background-position: 0px -272px; +} +.sceditor-button-outdent div { + background-position: 0px -288px; +} +.sceditor-button-orderedlist div { + background-position: 0px -304px; +} +.sceditor-button-maximize div { + background-position: 0px -320px; +} +.sceditor-button-ltr div { + background-position: 0px -336px; +} +.sceditor-button-left div { + background-position: 0px -352px; +} +.sceditor-button-justify div { + background-position: 0px -368px; +} +.sceditor-button-italic div { + background-position: 0px -384px; +} +.sceditor-button-indent div { + background-position: 0px -400px; +} +.sceditor-button-image div { + background-position: 0px -416px; +} +.sceditor-button-horizontalrule div { + background-position: 0px -432px; +} +.sceditor-button-format div { + background-position: 0px -448px; +} +.sceditor-button-font div { + background-position: 0px -464px; +} +.sceditor-button-emoticon div { + background-position: 0px -480px; +} +.sceditor-button-email div { + background-position: 0px -496px; +} +.sceditor-button-date div { + background-position: 0px -512px; +} +.sceditor-button-cut div { + background-position: 0px -528px; +} +.sceditor-button-copy div { + background-position: 0px -544px; +} +.sceditor-button-color div { + background-position: 0px -560px; +} +.sceditor-button-code div { + background-position: 0px -576px; +} +.sceditor-button-center div { + background-position: 0px -592px; +} +.sceditor-button-bulletlist div { + background-position: 0px -608px; +} +.sceditor-button-bold div { + background-position: 0px -624px; +} +div.sceditor-grip { + background-position: 0px -640px; + width: 10px; + height: 10px; +} +.rtl div.sceditor-grip { + background-position: 0px -650px; +} +/** + * SCEditor + * http://www.sceditor.com/ + * + * Copyright (C) 2017, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + */ +/*--------------------------------------------------- + LESS Elements 0.7 + --------------------------------------------------- + A set of useful LESS mixins + More info at: http://lesselements.com + ---------------------------------------------------*/ +.sceditor-container { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + background: #fff; + border: 1px solid #d9d9d9; + font-size: 13px; + font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; + color: #333; + line-height: 1; + font-weight: bold; + height: 250px; + border-radius: 4px; + background-clip: padding-box; +} +.sceditor-container *, +.sceditor-container *:before, +.sceditor-container *:after { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +.sceditor-container, +.sceditor-container div, +div.sceditor-dropdown, +div.sceditor-dropdown div { + padding: 0; + margin: 0; + z-index: 3; +} +.sceditor-container iframe, +.sceditor-container textarea { + display: block; + -ms-flex: 1 1 0%; + flex: 1 1 0%; + line-height: 1.25; + border: 0; + outline: none; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 14px; + color: #111; + padding: 0; + margin: 5px; + resize: none; + background: #fff; + height: auto !important; + width: auto !important; + width: calc(100% - 10px) !important; + min-height: 1px; +} +.sceditor-container textarea { + margin: 7px 5px; +} +div.sceditor-dnd-cover { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + background: rgba(255, 255, 255, 0.2); + border: 5px dashed #aaa; + z-index: 200; + font-size: 2em; + text-align: center; + color: #aaa; +} +div.sceditor-dnd-cover p { + position: relative; + top: 45%; + pointer-events: none; +} +div.sceditor-resize-cover { + position: absolute; + top: 0; + left: 0; + background: #000; + width: 100%; + height: 100%; + z-index: 10; + opacity: 0.3; +} +div.sceditor-grip { + overflow: hidden; + width: 10px; + height: 10px; + cursor: pointer; + position: absolute; + bottom: 0; + right: 0; + z-index: 3; + line-height: 0; +} +div.sceditor-grip.has-icon { + background-image: none; +} +.sceditor-maximize { + position: fixed; + top: 0; + left: 0; + height: 100% !important; + width: 100% !important; + border-radius: 0; + background-clip: padding-box; + z-index: 2000; +} +html.sceditor-maximize, +body.sceditor-maximize { + height: 100%; + width: 100%; + padding: 0; + margin: 0; + overflow: hidden; +} +.sceditor-maximize div.sceditor-grip { + display: none; +} +.sceditor-maximize div.sceditor-toolbar { + border-radius: 0; + background-clip: padding-box; +} +/** + * Dropdown styleing + */ +div.sceditor-dropdown { + position: absolute; + border: 1px solid #ccc; + background: #fff; + z-index: 4000; + padding: 10px; + font-weight: normal; + font-size: 15px; + border-radius: 2px; + background-clip: padding-box; + box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); +} +div.sceditor-dropdown *, +div.sceditor-dropdown *:before, +div.sceditor-dropdown *:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +div.sceditor-dropdown a, +div.sceditor-dropdown a:link { + color: #333; +} +div.sceditor-dropdown form { + margin: 0; +} +div.sceditor-dropdown label { + display: block; + font-weight: bold; + color: #3c3c3c; + padding: 4px 0; +} +div.sceditor-dropdown input, +div.sceditor-dropdown textarea { + font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; + outline: 0; + padding: 4px; + border: 1px solid #ccc; + border-top-color: #888; + margin: 0 0 .75em; + border-radius: 1px; + background-clip: padding-box; +} +div.sceditor-dropdown textarea { + padding: 6px; +} +div.sceditor-dropdown input:focus, +div.sceditor-dropdown textarea:focus { + border-color: #aaa; + border-top-color: #666; + box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); +} +div.sceditor-dropdown .button { + font-weight: bold; + color: #444; + padding: 6px 12px; + background: #ececec; + border: solid 1px #ccc; + border-radius: 2px; + background-clip: padding-box; + cursor: pointer; + margin: .3em 0 0; +} +div.sceditor-dropdown .button:hover { + background: #f3f3f3; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); +} +div.sceditor-font-picker, +div.sceditor-fontsize-picker, +div.sceditor-format { + padding: 6px 0; +} +div.sceditor-color-picker { + padding: 4px; +} +div.sceditor-emoticons, +div.sceditor-more-emoticons { + padding: 0; +} +.sceditor-pastetext textarea { + border: 1px solid #bbb; + width: 20em; +} +.sceditor-emoticons img, +.sceditor-more-emoticons img { + padding: 0; + cursor: pointer; + margin: 2px; +} +.sceditor-more { + border-top: 1px solid #bbb; + display: block; + text-align: center; + cursor: pointer; + font-weight: bold; + padding: 6px 0; +} +.sceditor-dropdown a:hover { + background: #eee; +} +.sceditor-fontsize-option, +.sceditor-font-option, +.sceditor-format a { + display: block; + padding: 7px 10px; + cursor: pointer; + text-decoration: none; + color: #222; +} +.sceditor-fontsize-option { + padding: 7px 13px; +} +.sceditor-color-column { + float: left; +} +.sceditor-color-option { + display: block; + border: 2px solid #fff; + height: 18px; + width: 18px; + overflow: hidden; +} +.sceditor-color-option:hover { + border: 1px solid #aaa; +} +/** + * Toolbar styleing + */ +div.sceditor-toolbar { + flex-shrink: 0; + overflow: hidden; + padding: 3px 5px 2px; + background: #f7f7f7; + border-bottom: 1px solid #c0c0c0; + line-height: 0; + text-align: left; + user-select: none; + border-radius: 3px 3px 0 0; + background-clip: padding-box; +} +div.sceditor-group { + display: inline-block; + background: #ddd; + margin: 1px 5px 1px 0; + padding: 1px; + border-bottom: 1px solid #aaa; + border-radius: 3px; + background-clip: padding-box; +} +.sceditor-button { + float: left; + cursor: pointer; + padding: 3px 5px; + width: 16px; + height: 20px; + border-radius: 3px; + background-clip: padding-box; +} +.sceditor-button:hover, +.sceditor-button:active, +.sceditor-button.active { + background: #fff; + box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2); +} +.sceditor-button:active { + background: #fff; + box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), inset 0 0 8px rgba(0,0,0,0.3); +} +.sceditor-button.disabled:hover { + background: inherit; + cursor: default; + box-shadow: none; +} +.sceditor-button, +.sceditor-button div { + display: block; +} +.sceditor-button svg { + display: inline-block; + height: 16px; + width: 16px; + margin: 2px 0; + fill: #111; + text-decoration: none; + pointer-events: none; + line-height: 1; +} +.sceditor-button.disabled svg { + fill: #888; +} +.sceditor-button div { + display: inline-block; + margin: 2px 0; + padding: 0; + overflow: hidden; + line-height: 0; + font-size: 0; + color: transparent; +} +.sceditor-button.has-icon div { + display: none; +} +.sceditor-button.disabled div { + opacity: 0.3; +} +.text .sceditor-button, +.text .sceditor-button div, +.sceditor-button.text, +.sceditor-button.text div, +.text-icon .sceditor-button, +.text-icon .sceditor-button div, +.sceditor-button.text-icon, +.sceditor-button.text-icon div { + display: inline-block; + width: auto; + line-height: 16px; + font-size: 1em; + color: inherit; + text-indent: 0; +} +.text-icon .sceditor-button.has-icon div, +.sceditor-button.has-icon div, +.text .sceditor-button div, +.sceditor-button.text div { + padding: 0 2px; + background: none; +} +.text .sceditor-button svg, +.sceditor-button.text svg { + display: none; +} +.text-icon .sceditor-button div, +.sceditor-button.text-icon div { + padding: 0 2px 0 20px; +} +.rtl div.sceditor-toolbar { + text-align: right; +} +.rtl .sceditor-button { + float: right; +} +.rtl div.sceditor-grip { + right: auto; + left: 0; +} +.sceditor-container { + border: 1px solid #8db2e3; +} +.sceditor-container textarea { + font-family: Consolas, "Bitstream Vera Sans Mono", "Andale Mono", Monaco, "DejaVu Sans Mono", "Lucida Console", monospace; +} +div.sceditor-toolbar { + border-bottom: 1px solid #95a9c3; + background: #dee8f5; + background: linear-gradient(to bottom, #dee8f5 0%, #c7d8ed 29%, #ccdcee 61%, #c0d8ef 100%); +} +div.sceditor-group { + border: 1px solid #7596bf; + background: transparent; + padding: 0; + background: #cadcf0; + background: linear-gradient(to bottom, #cadcf0 24%, #bcd0e9 38%, #d0e1f7 99%); +} +.sceditor-button { + height: 16px; + padding: 3px 4px; + border-radius: 0; + background-clip: padding-box; + box-shadow: inset 0 1px #d5e3f1, inset 0 -1px #e3edfb, inset 1px 0 #cddcef, inset -1px 0 #b8ceea; +} +.sceditor-button:first-child { + border-radius: 4px 0 0 4px; + background-clip: padding-box; +} +.sceditor-button:last-child { + border-radius: 0 4px 4px 0; + background-clip: padding-box; +} +.sceditor-button div, +.sceditor-button svg { + margin: 0; +} +.sceditor-button.active { + background: #fbdbb5; + background: linear-gradient(to bottom, #fbdbb5 11%, #feb456 29%, #fdeb9f 99%); + box-shadow: inset 0 1px #ebd1b4, inset 0 -1px #ffe47f, inset -1px 0 #b8ceea; +} +.sceditor-button:hover { + background: #fef7d5; + background: linear-gradient(to bottom, #fef7d5 0%, #fae5a9 42%, #ffd048 42%, #ffe59f 100%); + box-shadow: inset 0 1px #fffbe8, inset -1px 0 #ffefc4, inset 0 -1px #fff9cc; +} +.sceditor-button:active { + background: #e7a66d; + background: linear-gradient(to bottom, #e7a66d 0%, #fcb16d 1%, #ff8d05 42%, #ffc450 100%); + box-shadow: inset 0 1px 1px #7b6645, inset 0 -1px #d19c33; +} +.sceditor-button.active:hover { + background: #dba368; + background: linear-gradient(to bottom, #dba368 0%, #ffbd79 4%, #fea335 34%, #ffc64c 66%, #fee069 100%); + box-shadow: inset 0 1px 1px #9e8255, inset 0 -1px #fcce6b; +} +.sceditor-container { + background: #a3c2ea; + background: linear-gradient(to bottom, #a3c2ea 0%, #6d92c1 39%, #577fb3 64%, #6591cc 100%); +} +.sceditor-container iframe, +.sceditor-container textarea { + border: 1px solid #646464; + background: #fff; + margin: 7px 40px; + padding: 20px; + width: calc(100% - 120px) !important; + box-shadow: 1px 1px 5px #293a52; +} diff --git a/public/assets/development/themes/square.css b/public/assets/development/themes/square.css new file mode 100644 index 0000000..a9787a8 --- /dev/null +++ b/public/assets/development/themes/square.css @@ -0,0 +1,619 @@ +/** + * Square theme + * + * This theme is best suited to short toolbars that + * don't span multiple lines. + * + * Copyright (C) 2012, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + * + * Icons by Mark James (http://www.famfamfam.com/lab/icons/silk/) + * Licensed under the Creative Commons CC-BY license (http://creativecommons.org/licenses/by/3.0/) + */ +/*! SCEditor | (C) 2011-2016, Sam Clarke | sceditor.com/license */ +/** + * Default SCEditor + * http://www.sceditor.com/ + * + * Copyright (C) 2011-16, Sam Clarke + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + */ +div.sceditor-grip, +.sceditor-button div { + background-image: url("famfamfam.png"); + background-repeat: no-repeat; + width: 16px; + height: 16px; +} +.sceditor-button-youtube div { + background-position: 0px 0px; +} +.sceditor-button-link div { + background-position: 0px -16px; +} +.sceditor-button-unlink div { + background-position: 0px -32px; +} +.sceditor-button-underline div { + background-position: 0px -48px; +} +.sceditor-button-time div { + background-position: 0px -64px; +} +.sceditor-button-table div { + background-position: 0px -80px; +} +.sceditor-button-superscript div { + background-position: 0px -96px; +} +.sceditor-button-subscript div { + background-position: 0px -112px; +} +.sceditor-button-strike div { + background-position: 0px -128px; +} +.sceditor-button-source div { + background-position: 0px -144px; +} +.sceditor-button-size div { + background-position: 0px -160px; +} +.sceditor-button-rtl div { + background-position: 0px -176px; +} +.sceditor-button-right div { + background-position: 0px -192px; +} +.sceditor-button-removeformat div { + background-position: 0px -208px; +} +.sceditor-button-quote div { + background-position: 0px -224px; +} +.sceditor-button-print div { + background-position: 0px -240px; +} +.sceditor-button-pastetext div { + background-position: 0px -256px; +} +.sceditor-button-paste div { + background-position: 0px -272px; +} +.sceditor-button-outdent div { + background-position: 0px -288px; +} +.sceditor-button-orderedlist div { + background-position: 0px -304px; +} +.sceditor-button-maximize div { + background-position: 0px -320px; +} +.sceditor-button-ltr div { + background-position: 0px -336px; +} +.sceditor-button-left div { + background-position: 0px -352px; +} +.sceditor-button-justify div { + background-position: 0px -368px; +} +.sceditor-button-italic div { + background-position: 0px -384px; +} +.sceditor-button-indent div { + background-position: 0px -400px; +} +.sceditor-button-image div { + background-position: 0px -416px; +} +.sceditor-button-horizontalrule div { + background-position: 0px -432px; +} +.sceditor-button-format div { + background-position: 0px -448px; +} +.sceditor-button-font div { + background-position: 0px -464px; +} +.sceditor-button-emoticon div { + background-position: 0px -480px; +} +.sceditor-button-email div { + background-position: 0px -496px; +} +.sceditor-button-date div { + background-position: 0px -512px; +} +.sceditor-button-cut div { + background-position: 0px -528px; +} +.sceditor-button-copy div { + background-position: 0px -544px; +} +.sceditor-button-color div { + background-position: 0px -560px; +} +.sceditor-button-code div { + background-position: 0px -576px; +} +.sceditor-button-center div { + background-position: 0px -592px; +} +.sceditor-button-bulletlist div { + background-position: 0px -608px; +} +.sceditor-button-bold div { + background-position: 0px -624px; +} +div.sceditor-grip { + background-position: 0px -640px; + width: 10px; + height: 10px; +} +.rtl div.sceditor-grip { + background-position: 0px -650px; +} +/** + * SCEditor + * http://www.sceditor.com/ + * + * Copyright (C) 2017, Sam Clarke (samclarke.com) + * + * SCEditor is licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + */ +/*--------------------------------------------------- + LESS Elements 0.7 + --------------------------------------------------- + A set of useful LESS mixins + More info at: http://lesselements.com + ---------------------------------------------------*/ +.sceditor-container { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + background: #fff; + border: 1px solid #d9d9d9; + font-size: 13px; + font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; + color: #333; + line-height: 1; + font-weight: bold; + height: 250px; + border-radius: 4px; + background-clip: padding-box; +} +.sceditor-container *, +.sceditor-container *:before, +.sceditor-container *:after { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +.sceditor-container, +.sceditor-container div, +div.sceditor-dropdown, +div.sceditor-dropdown div { + padding: 0; + margin: 0; + z-index: 3; +} +.sceditor-container iframe, +.sceditor-container textarea { + display: block; + -ms-flex: 1 1 0%; + flex: 1 1 0%; + line-height: 1.25; + border: 0; + outline: none; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 14px; + color: #111; + padding: 0; + margin: 5px; + resize: none; + background: #fff; + height: auto !important; + width: auto !important; + width: calc(100% - 10px) !important; + min-height: 1px; +} +.sceditor-container textarea { + margin: 7px 5px; +} +div.sceditor-dnd-cover { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + background: rgba(255, 255, 255, 0.2); + border: 5px dashed #aaa; + z-index: 200; + font-size: 2em; + text-align: center; + color: #aaa; +} +div.sceditor-dnd-cover p { + position: relative; + top: 45%; + pointer-events: none; +} +div.sceditor-resize-cover { + position: absolute; + top: 0; + left: 0; + background: #000; + width: 100%; + height: 100%; + z-index: 10; + opacity: 0.3; +} +div.sceditor-grip { + overflow: hidden; + width: 10px; + height: 10px; + cursor: pointer; + position: absolute; + bottom: 0; + right: 0; + z-index: 3; + line-height: 0; +} +div.sceditor-grip.has-icon { + background-image: none; +} +.sceditor-maximize { + position: fixed; + top: 0; + left: 0; + height: 100% !important; + width: 100% !important; + border-radius: 0; + background-clip: padding-box; + z-index: 2000; +} +html.sceditor-maximize, +body.sceditor-maximize { + height: 100%; + width: 100%; + padding: 0; + margin: 0; + overflow: hidden; +} +.sceditor-maximize div.sceditor-grip { + display: none; +} +.sceditor-maximize div.sceditor-toolbar { + border-radius: 0; + background-clip: padding-box; +} +/** + * Dropdown styleing + */ +div.sceditor-dropdown { + position: absolute; + border: 1px solid #ccc; + background: #fff; + z-index: 4000; + padding: 10px; + font-weight: normal; + font-size: 15px; + border-radius: 2px; + background-clip: padding-box; + box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); +} +div.sceditor-dropdown *, +div.sceditor-dropdown *:before, +div.sceditor-dropdown *:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +div.sceditor-dropdown a, +div.sceditor-dropdown a:link { + color: #333; +} +div.sceditor-dropdown form { + margin: 0; +} +div.sceditor-dropdown label { + display: block; + font-weight: bold; + color: #3c3c3c; + padding: 4px 0; +} +div.sceditor-dropdown input, +div.sceditor-dropdown textarea { + font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; + outline: 0; + padding: 4px; + border: 1px solid #ccc; + border-top-color: #888; + margin: 0 0 .75em; + border-radius: 1px; + background-clip: padding-box; +} +div.sceditor-dropdown textarea { + padding: 6px; +} +div.sceditor-dropdown input:focus, +div.sceditor-dropdown textarea:focus { + border-color: #aaa; + border-top-color: #666; + box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); +} +div.sceditor-dropdown .button { + font-weight: bold; + color: #444; + padding: 6px 12px; + background: #ececec; + border: solid 1px #ccc; + border-radius: 2px; + background-clip: padding-box; + cursor: pointer; + margin: .3em 0 0; +} +div.sceditor-dropdown .button:hover { + background: #f3f3f3; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); +} +div.sceditor-font-picker, +div.sceditor-fontsize-picker, +div.sceditor-format { + padding: 6px 0; +} +div.sceditor-color-picker { + padding: 4px; +} +div.sceditor-emoticons, +div.sceditor-more-emoticons { + padding: 0; +} +.sceditor-pastetext textarea { + border: 1px solid #bbb; + width: 20em; +} +.sceditor-emoticons img, +.sceditor-more-emoticons img { + padding: 0; + cursor: pointer; + margin: 2px; +} +.sceditor-more { + border-top: 1px solid #bbb; + display: block; + text-align: center; + cursor: pointer; + font-weight: bold; + padding: 6px 0; +} +.sceditor-dropdown a:hover { + background: #eee; +} +.sceditor-fontsize-option, +.sceditor-font-option, +.sceditor-format a { + display: block; + padding: 7px 10px; + cursor: pointer; + text-decoration: none; + color: #222; +} +.sceditor-fontsize-option { + padding: 7px 13px; +} +.sceditor-color-column { + float: left; +} +.sceditor-color-option { + display: block; + border: 2px solid #fff; + height: 18px; + width: 18px; + overflow: hidden; +} +.sceditor-color-option:hover { + border: 1px solid #aaa; +} +/** + * Toolbar styleing + */ +div.sceditor-toolbar { + flex-shrink: 0; + overflow: hidden; + padding: 3px 5px 2px; + background: #f7f7f7; + border-bottom: 1px solid #c0c0c0; + line-height: 0; + text-align: left; + user-select: none; + border-radius: 3px 3px 0 0; + background-clip: padding-box; +} +div.sceditor-group { + display: inline-block; + background: #ddd; + margin: 1px 5px 1px 0; + padding: 1px; + border-bottom: 1px solid #aaa; + border-radius: 3px; + background-clip: padding-box; +} +.sceditor-button { + float: left; + cursor: pointer; + padding: 3px 5px; + width: 16px; + height: 20px; + border-radius: 3px; + background-clip: padding-box; +} +.sceditor-button:hover, +.sceditor-button:active, +.sceditor-button.active { + background: #fff; + box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2); +} +.sceditor-button:active { + background: #fff; + box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), inset 0 0 8px rgba(0,0,0,0.3); +} +.sceditor-button.disabled:hover { + background: inherit; + cursor: default; + box-shadow: none; +} +.sceditor-button, +.sceditor-button div { + display: block; +} +.sceditor-button svg { + display: inline-block; + height: 16px; + width: 16px; + margin: 2px 0; + fill: #111; + text-decoration: none; + pointer-events: none; + line-height: 1; +} +.sceditor-button.disabled svg { + fill: #888; +} +.sceditor-button div { + display: inline-block; + margin: 2px 0; + padding: 0; + overflow: hidden; + line-height: 0; + font-size: 0; + color: transparent; +} +.sceditor-button.has-icon div { + display: none; +} +.sceditor-button.disabled div { + opacity: 0.3; +} +.text .sceditor-button, +.text .sceditor-button div, +.sceditor-button.text, +.sceditor-button.text div, +.text-icon .sceditor-button, +.text-icon .sceditor-button div, +.sceditor-button.text-icon, +.sceditor-button.text-icon div { + display: inline-block; + width: auto; + line-height: 16px; + font-size: 1em; + color: inherit; + text-indent: 0; +} +.text-icon .sceditor-button.has-icon div, +.sceditor-button.has-icon div, +.text .sceditor-button div, +.sceditor-button.text div { + padding: 0 2px; + background: none; +} +.text .sceditor-button svg, +.sceditor-button.text svg { + display: none; +} +.text-icon .sceditor-button div, +.sceditor-button.text-icon div { + padding: 0 2px 0 20px; +} +.rtl div.sceditor-toolbar { + text-align: right; +} +.rtl .sceditor-button { + float: right; +} +.rtl div.sceditor-grip { + right: auto; + left: 0; +} +.sceditor-container { + border: 1px solid #d6d6d6; + border-radius: 0; + background-clip: padding-box; +} +.sceditor-container textarea { + font-family: Consolas, "Bitstream Vera Sans Mono", "Andale Mono", Monaco, "DejaVu Sans Mono", "Lucida Console", monospace; + background: #2e3436; + color: #fff; + margin: 0; + padding: 5px; +} +div.sceditor-toolbar, +div.sceditor-group { + background: #f2f2f2; + background: linear-gradient(to bottom, #f2f2f2 0%, #dddddd 89%); +} +div.sceditor-toolbar { + padding: 0; + border-bottom: 1px solid #bbb; + background-size: 100% 32px; +} +div.sceditor-group { + margin: 0; + padding: 2px 4px; + border: 0; + border-right: 1px solid #ccc; + border-left: 1px solid #eaeaea; + border-radius: 0; + background-clip: padding-box; +} +div.sceditor-group:last-child { + border-right: 0; +} +div.sceditor-group:first-child { + border-left: 0; +} +.sceditor-button { + height: 16px; + padding: 5px; + margin: 1px; + border-radius: 0; + background-clip: padding-box; +} +.sceditor-button div, +.sceditor-button svg { + margin: 0; +} +.sceditor-button.active, +.sceditor-button:hover, +.sceditor-button:active, +.sceditor-button.active:hover { + margin: 0; + box-shadow: none; +} +.sceditor-button.active { + background: #f4f4f4; + border: 1px solid #ccc; +} +.sceditor-button:hover { + background: #fefefe; + border: 1px solid #ddd; +} +.sceditor-button.disabled:hover { + margin: 1px; + border: 0; +} +.sceditor-button:active { + background: #eee; + border: 1px solid #ccc; +} +.sceditor-button.active:hover { + background: #f8f8f8; + border: 1px solid #ddd; +} diff --git a/public/assets/fonts/ionicons.eot b/public/assets/fonts/ionicons.eot deleted file mode 100644 index 92a3f20..0000000 Binary files a/public/assets/fonts/ionicons.eot and /dev/null differ diff --git a/public/assets/fonts/ionicons.svg b/public/assets/fonts/ionicons.svg deleted file mode 100644 index 49fc8f3..0000000 --- a/public/assets/fonts/ionicons.svg +++ /dev/null @@ -1,2230 +0,0 @@ - - - - - -Created by FontForge 20120731 at Thu Dec 4 09:51:48 2014 - By Adam Bradley -Created by Adam Bradley with FontForge 2.0 (http://fontforge.sf.net) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/public/assets/fonts/ionicons.ttf b/public/assets/fonts/ionicons.ttf deleted file mode 100644 index c4e4632..0000000 Binary files a/public/assets/fonts/ionicons.ttf and /dev/null differ diff --git a/public/assets/fonts/ionicons.woff b/public/assets/fonts/ionicons.woff deleted file mode 100644 index 5f3a14e..0000000 Binary files a/public/assets/fonts/ionicons.woff and /dev/null differ diff --git a/public/assets/fonts/wysibbiconfont-wb.eot b/public/assets/fonts/wysibbiconfont-wb.eot new file mode 100644 index 0000000..170c2d3 Binary files /dev/null and b/public/assets/fonts/wysibbiconfont-wb.eot differ diff --git a/public/assets/fonts/wysibbiconfont-wb.ttf b/public/assets/fonts/wysibbiconfont-wb.ttf new file mode 100644 index 0000000..5852784 Binary files /dev/null and b/public/assets/fonts/wysibbiconfont-wb.ttf differ diff --git a/public/assets/fonts/wysibbiconfont-wb.woff b/public/assets/fonts/wysibbiconfont-wb.woff new file mode 100644 index 0000000..cf2cf31 Binary files /dev/null and b/public/assets/fonts/wysibbiconfont-wb.woff differ diff --git a/public/assets/img/emoticons/alien.png b/public/assets/img/emoticons/alien.png new file mode 100644 index 0000000..58a0767 Binary files /dev/null and b/public/assets/img/emoticons/alien.png differ diff --git a/public/assets/img/emoticons/angel.png b/public/assets/img/emoticons/angel.png new file mode 100644 index 0000000..4792225 Binary files /dev/null and b/public/assets/img/emoticons/angel.png differ diff --git a/public/assets/img/emoticons/angry.png b/public/assets/img/emoticons/angry.png new file mode 100644 index 0000000..7bec8e4 Binary files /dev/null and b/public/assets/img/emoticons/angry.png differ diff --git a/public/assets/img/emoticons/blink.png b/public/assets/img/emoticons/blink.png new file mode 100644 index 0000000..ff529f1 Binary files /dev/null and b/public/assets/img/emoticons/blink.png differ diff --git a/public/assets/img/emoticons/blush.png b/public/assets/img/emoticons/blush.png new file mode 100644 index 0000000..8ff7d1d Binary files /dev/null and b/public/assets/img/emoticons/blush.png differ diff --git a/public/assets/img/emoticons/cheerful.png b/public/assets/img/emoticons/cheerful.png new file mode 100644 index 0000000..c7c5cb8 Binary files /dev/null and b/public/assets/img/emoticons/cheerful.png differ diff --git a/public/assets/img/emoticons/cool.png b/public/assets/img/emoticons/cool.png new file mode 100644 index 0000000..d21c544 Binary files /dev/null and b/public/assets/img/emoticons/cool.png differ diff --git a/public/assets/img/emoticons/credits.txt b/public/assets/img/emoticons/credits.txt new file mode 100644 index 0000000..96b3e7a --- /dev/null +++ b/public/assets/img/emoticons/credits.txt @@ -0,0 +1,9 @@ +Presenting, Nomicons: The Full Monty :o + +Credits: +Oscar Gruno, aka Nominell v. 2.0 -> oscargruno@mac.com +Andy Fedosjeenko, aka Nightwolf -> bobo@animevanguard.com + +Copyright (C) 2001-Infinity, Oscar Gruno & Andy Fedosjeenko + +You can redistribute these files as much as you like, as long as you keep this file with them and give us the proper credit. You may even rape them if you please, just give us credit for our work. \ No newline at end of file diff --git a/public/assets/img/emoticons/cwy.png b/public/assets/img/emoticons/cwy.png new file mode 100644 index 0000000..58ee08f Binary files /dev/null and b/public/assets/img/emoticons/cwy.png differ diff --git a/public/assets/img/emoticons/devil.png b/public/assets/img/emoticons/devil.png new file mode 100644 index 0000000..7d8226a Binary files /dev/null and b/public/assets/img/emoticons/devil.png differ diff --git a/public/assets/img/emoticons/dizzy.png b/public/assets/img/emoticons/dizzy.png new file mode 100644 index 0000000..8218464 Binary files /dev/null and b/public/assets/img/emoticons/dizzy.png differ diff --git a/public/assets/img/emoticons/ermm.png b/public/assets/img/emoticons/ermm.png new file mode 100644 index 0000000..122c10f Binary files /dev/null and b/public/assets/img/emoticons/ermm.png differ diff --git a/public/assets/img/emoticons/face.png b/public/assets/img/emoticons/face.png new file mode 100644 index 0000000..04ad4b7 Binary files /dev/null and b/public/assets/img/emoticons/face.png differ diff --git a/public/assets/img/emoticons/getlost.png b/public/assets/img/emoticons/getlost.png new file mode 100644 index 0000000..ac87dce Binary files /dev/null and b/public/assets/img/emoticons/getlost.png differ diff --git a/public/assets/img/emoticons/grin.png b/public/assets/img/emoticons/grin.png new file mode 100644 index 0000000..69cf5a3 Binary files /dev/null and b/public/assets/img/emoticons/grin.png differ diff --git a/public/assets/img/emoticons/happy.png b/public/assets/img/emoticons/happy.png new file mode 100644 index 0000000..54b9131 Binary files /dev/null and b/public/assets/img/emoticons/happy.png differ diff --git a/public/assets/img/emoticons/heart.png b/public/assets/img/emoticons/heart.png new file mode 100644 index 0000000..451058d Binary files /dev/null and b/public/assets/img/emoticons/heart.png differ diff --git a/public/assets/img/emoticons/kissing.png b/public/assets/img/emoticons/kissing.png new file mode 100644 index 0000000..28d7752 Binary files /dev/null and b/public/assets/img/emoticons/kissing.png differ diff --git a/public/assets/img/emoticons/laughing.png b/public/assets/img/emoticons/laughing.png new file mode 100644 index 0000000..d65f35e Binary files /dev/null and b/public/assets/img/emoticons/laughing.png differ diff --git a/public/assets/img/emoticons/ninja.png b/public/assets/img/emoticons/ninja.png new file mode 100644 index 0000000..952f811 Binary files /dev/null and b/public/assets/img/emoticons/ninja.png differ diff --git a/public/assets/img/emoticons/pinch.png b/public/assets/img/emoticons/pinch.png new file mode 100644 index 0000000..f6f6e53 Binary files /dev/null and b/public/assets/img/emoticons/pinch.png differ diff --git a/public/assets/img/emoticons/pouty.png b/public/assets/img/emoticons/pouty.png new file mode 100644 index 0000000..f3cef70 Binary files /dev/null and b/public/assets/img/emoticons/pouty.png differ diff --git a/public/assets/img/emoticons/sad.png b/public/assets/img/emoticons/sad.png new file mode 100644 index 0000000..d08666e Binary files /dev/null and b/public/assets/img/emoticons/sad.png differ diff --git a/public/assets/img/emoticons/shocked.png b/public/assets/img/emoticons/shocked.png new file mode 100644 index 0000000..f3dfb11 Binary files /dev/null and b/public/assets/img/emoticons/shocked.png differ diff --git a/public/assets/img/emoticons/sick.png b/public/assets/img/emoticons/sick.png new file mode 100644 index 0000000..3a47381 Binary files /dev/null and b/public/assets/img/emoticons/sick.png differ diff --git a/public/assets/img/emoticons/sideways.png b/public/assets/img/emoticons/sideways.png new file mode 100644 index 0000000..b3dd09a Binary files /dev/null and b/public/assets/img/emoticons/sideways.png differ diff --git a/public/assets/img/emoticons/silly.png b/public/assets/img/emoticons/silly.png new file mode 100644 index 0000000..d4497d9 Binary files /dev/null and b/public/assets/img/emoticons/silly.png differ diff --git a/public/assets/img/emoticons/sleeping.png b/public/assets/img/emoticons/sleeping.png new file mode 100644 index 0000000..2b97a80 Binary files /dev/null and b/public/assets/img/emoticons/sleeping.png differ diff --git a/public/assets/img/emoticons/smile.png b/public/assets/img/emoticons/smile.png new file mode 100644 index 0000000..c11821e Binary files /dev/null and b/public/assets/img/emoticons/smile.png differ diff --git a/public/assets/img/emoticons/tongue.png b/public/assets/img/emoticons/tongue.png new file mode 100644 index 0000000..73da3e3 Binary files /dev/null and b/public/assets/img/emoticons/tongue.png differ diff --git a/public/assets/img/emoticons/unsure.png b/public/assets/img/emoticons/unsure.png new file mode 100644 index 0000000..87c7599 Binary files /dev/null and b/public/assets/img/emoticons/unsure.png differ diff --git a/public/assets/img/emoticons/w00t.png b/public/assets/img/emoticons/w00t.png new file mode 100644 index 0000000..fa08831 Binary files /dev/null and b/public/assets/img/emoticons/w00t.png differ diff --git a/public/assets/img/emoticons/wassat.png b/public/assets/img/emoticons/wassat.png new file mode 100644 index 0000000..201733b Binary files /dev/null and b/public/assets/img/emoticons/wassat.png differ diff --git a/public/assets/img/emoticons/whistling.png b/public/assets/img/emoticons/whistling.png new file mode 100644 index 0000000..3940f0d Binary files /dev/null and b/public/assets/img/emoticons/whistling.png differ diff --git a/public/assets/img/emoticons/wink.png b/public/assets/img/emoticons/wink.png new file mode 100644 index 0000000..3d1a9cc Binary files /dev/null and b/public/assets/img/emoticons/wink.png differ diff --git a/public/assets/img/emoticons/wub.png b/public/assets/img/emoticons/wub.png new file mode 100644 index 0000000..d5faa2b Binary files /dev/null and b/public/assets/img/emoticons/wub.png differ diff --git a/public/assets/img/logo-lg-white.png b/public/assets/img/logo-lg-white.png deleted file mode 100644 index 8af573c..0000000 Binary files a/public/assets/img/logo-lg-white.png and /dev/null differ diff --git a/public/assets/js/jquery.wysibb.min.js b/public/assets/js/jquery.wysibb.min.js new file mode 100644 index 0000000..f92b2d8 --- /dev/null +++ b/public/assets/js/jquery.wysibb.min.js @@ -0,0 +1,5 @@ +/*! WysiBB v1.5.1 2014-03-26 + Author: Vadim Dobroskok + */ +"undefined"==typeof WBBLANG&&(WBBLANG={}),WBBLANG.en=CURLANG={bold:"Bold",italic:"Italic",underline:"Underline",strike:"Strike",link:"Link",img:"Insert image",sup:"Superscript",sub:"Subscript",justifyleft:"Align left",justifycenter:"Align center",justifyright:"Align right",table:"Insert table",bullist:"• Unordered list",numlist:"1. Ordered list",quote:"Quote",offtop:"Offtop",code:"Code",spoiler:"Spoiler",fontcolor:"Font color",fontsize:"Font size",fontfamily:"Font family",fs_verysmall:"Very small",fs_small:"Small",fs_normal:"Normal",fs_big:"Big",fs_verybig:"Very big",smilebox:"Insert emoticon",video:"Insert YouTube",removeFormat:"Remove Format",modal_link_title:"Insert link",modal_link_text:"Display text",modal_link_url:"URL",modal_email_text:"Display email",modal_email_url:"Email",modal_link_tab1:"Insert URL",modal_img_title:"Insert image",modal_img_tab1:"Insert URL",modal_img_tab2:"Upload image",modal_imgsrc_text:"Enter image URL",modal_img_btn:"Choose file",add_attach:"Add Attachment",modal_video_text:"Enter the URL of the video",close:"Close",save:"Save",cancel:"Cancel",remove:"Delete",validation_err:"The entered data is invalid",error_onupload:"Error during file upload",fileupload_text1:"Drop file here",fileupload_text2:"or",loading:"Loading",auto:"Auto",views:"Views",downloads:"Downloads",sm1:"Smile",sm2:"Laughter",sm3:"Wink",sm4:"Thank you",sm5:"Scold",sm6:"Shock",sm7:"Angry",sm8:"Pain",sm9:"Sick"},wbbdebug=!0,function(a){"use strict";a.wysibb=function(b,c){a(b).data("wbb",this),c&&c.deflang&&"undefined"!=typeof WBBLANG[c.deflang]&&(CURLANG=WBBLANG[c.deflang]),c&&c.lang&&"undefined"!=typeof WBBLANG[c.lang]&&(CURLANG=WBBLANG[c.lang]),this.txtArea=b,this.$txtArea=a(b);this.$txtArea.attr("id")||this.setUID(this.txtArea);this.options={bbmode:!1,onlyBBmode:!1,themeName:"default",bodyClass:"",lang:"ru",tabInsert:!0,imgupload:!1,img_uploadurl:"/iupload.php",img_maxwidth:800,img_maxheight:800,hotkeys:!0,showHotkeys:!0,autoresize:!0,resize_maxheight:800,loadPageStyles:!0,traceTextarea:!0,smileConversion:!0,buttons:"bold,italic,underline,strike,sup,sub,|,img,video,link,|,bullist,numlist,|,fontcolor,fontsize,fontfamily,|,justifyleft,justifycenter,justifyright,|,quote,code,table,removeFormat",allButtons:{bold:{title:CURLANG.bold,buttonHTML:'',excmd:"bold",hotkey:"ctrl+b",transform:{"{SELTEXT}":"[b]{SELTEXT}[/b]","{SELTEXT}":"[b]{SELTEXT}[/b]"}},italic:{title:CURLANG.italic,buttonHTML:'',excmd:"italic",hotkey:"ctrl+i",transform:{"{SELTEXT}":"[i]{SELTEXT}[/i]","{SELTEXT}":"[i]{SELTEXT}[/i]"}},underline:{title:CURLANG.underline,buttonHTML:'',excmd:"underline",hotkey:"ctrl+u",transform:{"{SELTEXT}":"[u]{SELTEXT}[/u]"}},strike:{title:CURLANG.strike,buttonHTML:'',excmd:"strikeThrough",transform:{"{SELTEXT}":"[s]{SELTEXT}[/s]","{SELTEXT}":"[s]{SELTEXT}[/s]"}},sup:{title:CURLANG.sup,buttonHTML:'',excmd:"superscript",transform:{"{SELTEXT}":"[sup]{SELTEXT}[/sup]"}},sub:{title:CURLANG.sub,buttonHTML:'',excmd:"subscript",transform:{"{SELTEXT}":"[sub]{SELTEXT}[/sub]"}},link:{title:CURLANG.link,buttonHTML:'',hotkey:"ctrl+shift+2",modal:{title:CURLANG.modal_link_title,width:"500px",tabs:[{input:[{param:"SELTEXT",title:CURLANG.modal_link_text,type:"div"},{param:"URL",title:CURLANG.modal_link_url,validation:"^http(s)?://"}]}]},transform:{'{SELTEXT}':"[url={URL}]{SELTEXT}[/url]",'{URL}':"[url]{URL}[/url]"}},img:{title:CURLANG.img,buttonHTML:'',hotkey:"ctrl+shift+1",addWrap:!0,modal:{title:CURLANG.modal_img_title,width:"600px",tabs:[{title:CURLANG.modal_img_tab1,input:[{param:"SRC",title:CURLANG.modal_imgsrc_text,validation:"^http(s)?://.*?.(jpg|png|gif|jpeg)$"}]}],onLoad:this.imgLoadModal},transform:{'':"[img]{SRC}[/img]",'':"[img width={WIDTH},height={HEIGHT}]{SRC}[/img]"}},bullist:{title:CURLANG.bullist,buttonHTML:'',excmd:"insertUnorderedList",transform:{"
      {SELTEXT}
    ":"[list]{SELTEXT}[/list]","
  • {SELTEXT}
    • ":"[*]{SELTEXT}[/*]"}},numlist:{title:CURLANG.numlist,buttonHTML:'',excmd:"insertOrderedList",transform:{"
      {SELTEXT}
    ":"[list=1]{SELTEXT}[/list]","
  • {SELTEXT}
    • ":"[*]{SELTEXT}[/*]"}},quote:{title:CURLANG.quote,buttonHTML:'',hotkey:"ctrl+shift+3",transform:{"
    {SELTEXT}
    ":"[quote]{SELTEXT}[/quote]"}},code:{title:CURLANG.code,buttonText:"[code]",hotkey:"ctrl+shift+4",onlyClearText:!0,transform:{"{SELTEXT}":"[code]{SELTEXT}[/code]"}},offtop:{title:CURLANG.offtop,buttonText:"offtop",transform:{'{SELTEXT}':"[offtop]{SELTEXT}[/offtop]"}},fontcolor:{type:"colorpicker",title:CURLANG.fontcolor,excmd:"foreColor",valueBBname:"color",subInsert:!0,colors:"#000000,#444444,#666666,#999999,#b6b6b6,#cccccc,#d8d8d8,#efefef,#f4f4f4,#ffffff,-, #ff0000,#980000,#ff7700,#ffff00,#00ff00,#00ffff,#1e84cc,#0000ff,#9900ff,#ff00ff,-, #f4cccc,#dbb0a7,#fce5cd,#fff2cc,#d9ead3,#d0e0e3,#c9daf8,#cfe2f3,#d9d2e9,#ead1dc, #ea9999,#dd7e6b,#f9cb9c,#ffe599,#b6d7a8,#a2c4c9,#a4c2f4,#9fc5e8,#b4a7d6,#d5a6bd, #e06666,#cc4125,#f6b26b,#ffd966,#93c47d,#76a5af,#6d9eeb,#6fa8dc,#8e7cc3,#c27ba0, #cc0000,#a61c00,#e69138,#f1c232,#6aa84f,#45818e,#3c78d8,#3d85c6,#674ea7,#a64d79, #900000,#85200C,#B45F06,#BF9000,#38761D,#134F5C,#1155Cc,#0B5394,#351C75,#741B47, #660000,#5B0F00,#783F04,#7F6000,#274E13,#0C343D,#1C4587,#073763,#20124D,#4C1130",transform:{'{SELTEXT}':"[color={COLOR}]{SELTEXT}[/color]"}},table:{type:"table",title:CURLANG.table,cols:10,rows:10,cellwidth:20,transform:{"{SELTEXT}":"[td]{SELTEXT}[/td]","{SELTEXT}":"[tr]{SELTEXT}[/tr]",'{SELTEXT}
    ':"[table]{SELTEXT}[/table]"},skipRules:!0},fontsize:{type:"select",title:CURLANG.fontsize,options:"fs_verysmall,fs_small,fs_normal,fs_big,fs_verybig"},fontfamily:{type:"select",title:CURLANG.fontfamily,excmd:"fontName",valueBBname:"font",options:[{title:"Arial",exvalue:"Arial"},{title:"Comic Sans MS",exvalue:"Comic Sans MS"},{title:"Courier New",exvalue:"Courier New"},{title:"Georgia",exvalue:"Georgia"},{title:"Lucida Sans Unicode",exvalue:"Lucida Sans Unicode"},{title:"Tahoma",exvalue:"Tahoma"},{title:"Times New Roman",exvalue:"Times New Roman"},{title:"Trebuchet MS",exvalue:"Trebuchet MS"},{title:"Verdana",exvalue:"Verdana"}],transform:{'{SELTEXT}':"[font={FONT}]{SELTEXT}[/font]"}},smilebox:{type:"smilebox",title:CURLANG.smilebox,buttonHTML:''},justifyleft:{title:CURLANG.justifyleft,buttonHTML:'',groupkey:"align",transform:{'

    {SELTEXT}

    ':"[left]{SELTEXT}[/left]"}},justifyright:{title:CURLANG.justifyright,buttonHTML:'',groupkey:"align",transform:{'

    {SELTEXT}

    ':"[right]{SELTEXT}[/right]"}},justifycenter:{title:CURLANG.justifycenter,buttonHTML:'',groupkey:"align",transform:{'

    {SELTEXT}

    ':"[center]{SELTEXT}[/center]"}},video:{title:CURLANG.video,buttonHTML:'',modal:{title:CURLANG.video,width:"600px",tabs:[{title:CURLANG.video,input:[{param:"SRC",title:CURLANG.modal_video_text}]}],onSubmit:function(a){var b=this.$modal.find('input[name="SRC"]').val();b&&(b=b.replace(/^\s+/,"").replace(/\s+$/,""));var c;if(c=b.match(-1!=b.indexOf("youtu.be")?/^http[s]*:\/\/youtu\.be\/([a-z0-9_-]+)/i:/^http[s]*:\/\/www\.youtube\.com\/watch\?.*?v=([a-z0-9_-]+)/i),c&&2==c.length){var d=c[1];this.insertAtCursor(this.getCodeByCommand(a,{src:d}))}return this.closeModal(),this.updateUI(),!1}},transform:{'':"[video]{SRC}[/video]"}},fs_verysmall:{title:CURLANG.fs_verysmall,buttonText:"fs1",excmd:"fontSize",exvalue:"1",transform:{'{SELTEXT}':"[size=50]{SELTEXT}[/size]"}},fs_small:{title:CURLANG.fs_small,buttonText:"fs2",excmd:"fontSize",exvalue:"2",transform:{'{SELTEXT}':"[size=85]{SELTEXT}[/size]"}},fs_normal:{title:CURLANG.fs_normal,buttonText:"fs3",excmd:"fontSize",exvalue:"3",transform:{'{SELTEXT}':"[size=100]{SELTEXT}[/size]"}},fs_big:{title:CURLANG.fs_big,buttonText:"fs4",excmd:"fontSize",exvalue:"4",transform:{'{SELTEXT}':"[size=150]{SELTEXT}[/size]"}},fs_verybig:{title:CURLANG.fs_verybig,buttonText:"fs5",excmd:"fontSize",exvalue:"6",transform:{'{SELTEXT}':"[size=200]{SELTEXT}[/size]"}},removeformat:{title:CURLANG.removeFormat,buttonHTML:'',excmd:"removeFormat"}},systr:{"
    ":"\n",'{SELTEXT}':" {SELTEXT}"},customRules:{td:[["[td]{SELTEXT}[/td]",{seltext:{rgx:!1,attr:!1,sel:!1}}]],tr:[["[tr]{SELTEXT}[/tr]",{seltext:{rgx:!1,attr:!1,sel:!1}}]],table:[["[table]{SELTEXT}[/table]",{seltext:{rgx:!1,attr:!1,sel:!1}}]]},smileList:[],attrWrap:["src","color","href"]},this.inited=this.options.onlyBBmode,this.options.themePrefix||a("link").each(a.proxy(function(b,c){var d=a(c).get(0).href.match(/(.*\/)(.*)\/wbbtheme\.css.*$/);null!==d&&(this.options.themeName=d[2],this.options.themePrefix=d[1])},this)),"undefined"!=typeof WBBPRESET&&(WBBPRESET.allButtons&&a.each(WBBPRESET.allButtons,a.proxy(function(a,b){b.transform&&this.options.allButtons[a]&&delete this.options.allButtons[a].transform},this)),a.extend(!0,this.options,WBBPRESET)),c&&c.allButtons&&a.each(c.allButtons,a.proxy(function(a,b){b.transform&&this.options.allButtons[a]&&delete this.options.allButtons[a].transform},this)),a.extend(!0,this.options,c),this.init()},a.wysibb.prototype={lastid:1,init:function(){a.log("Init",this),this.isMobile=function(a){/android|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|meego.+mobile|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)}(navigator.userAgent||navigator.vendor||window.opera),this.options.onlyBBmode===!0&&(this.options.bbmode=!0),this.controllers=[],this.options.buttons=this.options.buttons.toLowerCase(),this.options.buttons=this.options.buttons.split(","),this.options.allButtons._systr={},this.options.allButtons._systr.transform=this.options.systr,this.smileFind(),this.initTransforms(),this.build(),this.initModal(),this.options.hotkeys!==!0||this.isMobile||this.initHotkeys(),this.options.smileList&&this.options.smileList.length>0&&this.options.smileList.sort(function(a,b){return b.bbcode.length-a.bbcode.length}),this.$txtArea.parents("form").bind("submit",a.proxy(function(){return this.sync(),!0},this)),this.$txtArea.parents("form").find("input[id*='preview'],input[id*='submit'],input[class*='preview'],input[class*='submit'],input[name*='preview'],input[name*='submit']").bind("mousedown",a.proxy(function(){this.sync(),setTimeout(a.proxy(function(){this.options.bbmode===!1&&this.$txtArea.removeAttr("wbbsync").val("")},this),1e3)},this)),this.options.initCallback&&this.options.initCallback.call(this),a.log(this)},initTransforms:function(){a.log("Create rules for transform HTML=>BB");var b=this.options;b.rules||(b.rules={}),b.groups||(b.groups={});var c=b.buttons.slice();c.push("_systr");for(var d=0;d-1||a(d).parent().contents().size()>1){var n=a("").html("{"+i+"}");this.setUID(n,"wbb");var p=f.indexOf(i)+i.length+1,q=f.substr(p,f.length-p);d.data=f.substr(0,f.indexOf(i)-1),a(d).after(this.elFromString(q,document)).after(n),m=(m?m+" ":"")+this.filterByNode(n),k=!1}o[i.toLowerCase()]={sel:m,attr:!1,rgx:k},e[e.length]=m}},this)),e=null},this));var p=k.html();p=this.unwrapAttrs(p),i!=p&&(delete e.transform[i],e.transform[p]=j,h=p)}b.rules[l].push([j,o]),e.onlyClearText===!0&&(this.cleartext||(this.cleartext={}),this.cleartext[l]=c[d]),e.groupkey&&(b.groups[e.groupkey]||(b.groups[e.groupkey]=[]),b.groups[e.groupkey].push(l))}}e.rootSelector&&this.sortArray(e.rootSelector,-1);var q=a.map(e.transform,function(a,b){return b}).sort(function(a,b){return(b[0]||"").length-(a[0]||"").length});e.bbcode=e.transform[q[0]],e.html=q[0]}}}this.options.btnlist=c,a.extend(b.rules,this.options.customRules),b.srules={},this.options.smileList&&a.each(b.smileList,a.proxy(function(c,d){var e=a(this.strf(d.img,b)),f=this.filterByNode(e);b.srules[f]=[d.bbcode,d.img]},this));for(var r in b.rules)this.options.rules[r].sort(function(a,b){return b[0].length-a[0].length});this.rsellist=[];for(var r in this.options.rules)this.rsellist.push(r);this.sortArray(this.rsellist,-1)},build:function(){if(a.log("Build editor"),this.$editor=a("
    ").addClass("wysibb"),this.isMobile&&this.$editor.addClass("wysibb-mobile"),this.options.direction&&this.$editor.css("direction",this.options.direction),this.$editor.insertAfter(this.txtArea).append(this.txtArea),this.startHeight=this.$txtArea.outerHeight(),this.$txtArea.addClass("wysibb-texarea"),this.buildToolbar(),this.$txtArea.wrap('
    '),this.options.onlyBBmode===!1){var b=this.options.minheight||this.$txtArea.outerHeight(),c=(this.options.resize_maxheight,this.options.autoresize===!0?this.options.resize_maxheight:b);if(this.$body=a(this.strf('
    ',{maxheight:c,height:b})).insertAfter(this.$txtArea),this.body=this.$body[0],this.$txtArea.hide(),b>32&&this.$toolbar.css("max-height",b),a.log("WysiBB loaded"),this.$body.addClass("wysibb-body").addClass(this.options.bodyClass),this.options.direction&&this.$body.css("direction",this.options.direction),"contentEditable"in this.body){this.body.contentEditable=!0;try{document.execCommand("StyleWithCSS",!1,!1),this.$body.append("")}catch(d){}}else this.options.onlyBBmode=this.options.bbmode=!0;this.txtArea.value.length>0&&this.txtAreaInitContent(),this.$body.bind("keydown",a.proxy(function(b){return 86==b.which&&(1==b.ctrlKey||1==b.metaKey)||45==b.which&&(1==b.shiftKey||1==b.metaKey)?(this.$pasteBlock||(this.saveRange(),this.$pasteBlock=a(this.elFromString('
    
    ')),this.$pasteBlock.appendTo(this.body),setTimeout(a.proxy(function(){this.clearPaste(this.$pasteBlock);var b=""+this.$pasteBlock.html()+"";this.$body.attr("contentEditable","true"),this.$pasteBlock.blur().remove(),this.body.focus(),this.cleartext&&(a.log("Check if paste to clearText Block"),this.isInClearTextBlock()&&(b=this.toBB(b).replace(/\n/g,"
    ").replace(/\s{3}/g,''))),b=b.replace(/\t/g,''),this.selectRange(this.lastRange),this.insertAtCursor(b,!1),this.lastRange=!1,this.$pasteBlock=!1},this),1),this.selectNode(this.$pasteBlock[0])),!0):void 0},this)),this.$body.bind("keydown",a.proxy(function(a){if(13==a.which){var b=this.isContain(this.getSelectNode(),"li");b||(a.preventDefault&&a.preventDefault(),this.checkForLastBR(this.getSelectNode()),this.insertAtCursor("
    ",!1))}},this)),this.options.tabInsert===!0&&this.$body.bind("keydown",a.proxy(this.pressTab,this)),this.$body.bind("mouseup keyup",a.proxy(this.updateUI,this)),this.$body.bind("mousedown",a.proxy(function(a){this.clearLastRange(),this.checkForLastBR(a.target)},this)),this.options.traceTextarea===!0&&(a(document).bind("mousedown",a.proxy(this.traceTextareaEvent,this)),this.$txtArea.val("")),this.options.hotkeys===!0&&this.$body.bind("keydown",a.proxy(this.presskey,this)),this.options.smileConversion===!0&&this.$body.bind("keyup",a.proxy(this.smileConversion,this)),this.inited=!0,this.options.autoresize===!0&&(this.$bresize=a(this.elFromString('
    ')).appendTo(this.$editor).wdrag({scope:this,axisY:!0,height:b})),this.imgListeners()}this.$txtArea.bind("mouseup keyup",a.proxy(function(){clearTimeout(this.uitimer),this.uitimer=setTimeout(a.proxy(this.updateUI,this),100)},this)),this.options.hotkeys===!0&&a(document).bind("keydown",a.proxy(this.presskey,this))},buildToolbar:function(){if(this.options.toolbar===!1)return!1;this.$toolbar=a("
    ").addClass("wysibb-toolbar").prependTo(this.$editor);var b;a.each(this.options.buttons,a.proxy(function(c,d){var e=this.options.allButtons[d];(0==c||"|"==d||"-"==d)&&("-"==d&&this.$toolbar.append("
    "),b=a('
    ').appendTo(this.$toolbar)),e&&("colorpicker"==e.type?this.buildColorpicker(b,d,e):"table"==e.type?this.buildTablepicker(b,d,e):"select"==e.type?this.buildSelect(b,d,e):"smilebox"==e.type?this.buildSmilebox(b,d,e):this.buildButton(b,d,e))},this)),this.$toolbar.find(".btn-tooltip").hover(function(){a(this).parent().css("overflow","hidden")},function(){a(this).parent().css("overflow","visible")});var c=a(document.createElement("div")).addClass("wysibb-toolbar-container modeSwitch").html('
    [bbcode]
    ').appendTo(this.$toolbar);1==this.options.bbmode&&c.children(".wysibb-toolbar-btn").addClass("on"),this.options.onlyBBmode===!1&&c.children(".wysibb-toolbar-btn").click(a.proxy(function(b){a(b.currentTarget).toggleClass("on"),this.modeSwitch()},this))},buildButton:function(b,c,d){"object"!=typeof b&&(b=this.$toolbar);var e=d.buttonHTML?a(this.strf(d.buttonHTML,this.options)).addClass("btn-inner"):this.strf('{text}',{text:d.buttonText.replace(/['+d.hotkey+"]":"",g=a('
    ').appendTo(b).append(e).append(this.strf('{title}{hotkey}',{title:d.title,hotkey:f}));this.controllers.push(g),g.bind("queryState",a.proxy(function(b){this.queryState(c)?a(b.currentTarget).addClass("on"):a(b.currentTarget).removeClass("on")},this)),g.mousedown(a.proxy(function(b){b.preventDefault(),this.execCommand(c,d.exvalue||!1),a(b.currentTarget).trigger("queryState")},this))},buildColorpicker:function(b,c,d){var e=a('
    ').appendTo(b).append('
    ').append(this.strf('{title}',{title:d.title})),f=e.find(".cp-line"),g=a('
    ').appendTo(e);g.append('
    '+CURLANG.auto+"
    ");for(var h=d.colors?d.colors.split(","):[],i=0;i':this.strf('
    ',{color:h[i]}));var j=a(document.body).css("color");this.controllers.push(e),e.bind("queryState",a.proxy(function(){f.css("background-color",j);var a=this.queryState(c,!0);a&&(f.css("background-color",this.options.bbmode?a.color:a),e.find(".ve-tlb-colorpick span.fonticon").css("color",this.options.bbmode?a.color:a))},this)),e.mousedown(a.proxy(function(a){a.preventDefault(),this.dropdownclick(".wbb-cp",".wbb-list",a)},this)),e.find(".sc").mousedown(a.proxy(function(b){b.preventDefault(),this.selectLastRange();var d=a(b.currentTarget).attr("title");this.execCommand(c,d),e.trigger("queryState")},this)),e.find(".nc").mousedown(a.proxy(function(a){a.preventDefault(),this.selectLastRange(),this.execCommand(c,j),e.trigger("queryState")},this)),e.mousedown(function(a){a.preventDefault&&a.preventDefault()})},buildTablepicker:function(b,c,d){var e=a('
    ').appendTo(b).append('').append(this.strf('{title}',{title:d.title})),f=a('
    ').appendTo(e),g=a("
    ").css({position:"relative","box-sizing":"border-box"}).appendTo(f),h=d.rows||10,i=d.cols||10,j=h*i;g.css("height",h*d.cellwidth+2+"px");for(var k=1;i>=k;k++)for(var l=1;h>=l;l++){var m='
    ';g.append(m)}e.find(".tbl-sel").mousedown(a.proxy(function(b){b.preventDefault();for(var c=a(b.currentTarget).attr("title"),d=c.split(","),e=this.options.bbmode?"[table]":'',f=1;f<=d[0];f++){e+=this.options.bbmode?" [tr]\n":"";for(var g=1;g<=d[1];g++)e+=this.options.bbmode?" [td][/td]\n":"";e+=this.options.bbmode?"[/tr]\n":""}e+=this.options.bbmode?"[/table]":"
    
    ",this.insertAtCursor(e)},this)),e.mousedown(a.proxy(function(a){a.preventDefault(),this.dropdownclick(".wbb-tbl",".wbb-list",a)},this))},buildSelect:function(b,c,d){for(var e=a('
    ').appendTo(b).append(this.strf('{title}',d)).append(this.strf('{title}',{title:d.title})),f=a('
    ').appendTo(e),g=e.find("span.val"),h=a.isArray(d.options)?d.options:d.options.split(","),i=this.isMobile?a("
    ',c))},this))},this)),a.isFunction(c.onLoad)&&c.onLoad.call(this,b,c,d),f.find("#wbbm-submit").click(a.proxy(function(){if(a.isFunction(c.onSubmit)){var e=c.onSubmit.call(this,b,c,d);if(e===!1)return}var f={},g=!0;this.$modal.find(".wbbm-inperr").remove(),this.$modal.find(".wbbm-brdred").removeClass("wbbm-brdred"),a.each(this.$modal.find(".tab-cont:visible .inp-text"),a.proxy(function(b,d){var e=a(d).parents(".tab-cont").attr("tid"),h=a(d).attr("name").toLowerCase(),i="";i=a(d).is("input,textrea,select")?a(d).val():a(d).html();var j=c.tabs[e].input[b].validation;"undefined"!=typeof j&&(i.match(new RegExp(j,"i"))||(g=!1,a(d).after(''+CURLANG.validation_err+"").addClass("wbbm-brdred"))),f[h]=i},this)),g&&(a.log("Last range: "+this.lastRange),this.selectLastRange(),d&&this.wbbRemoveCallback(b,!0),this.wbbInsertCallback(b,f),this.closeModal(),this.updateUI())},this)),f.find("#wbbm-remove").click(a.proxy(function(){this.selectLastRange(),this.wbbRemoveCallback(b),this.closeModal(),this.updateUI()},this)),a(document.body).css("overflow","hidden"),a("body").height()>a(window).height()&&a(document.body).css("padding-right","18px"),this.$modal.show(),this.isMobile?f.css("margin-top","10px"):f.css("margin-top",(a(window).height()-f.outerHeight())/3+"px"),setTimeout(a.proxy(function(){this.$modal.find(".inp-text:visible")[0].focus()},this),10)},escModal:function(a){27==a.which&&this.closeModal()},closeModal:function(){return a(document.body).css("overflow","auto").css("padding-right","0").unbind("keyup",this.escModal),this.$modal.find("#wbbm-submit,#wbbm-remove").unbind("click"),this.$modal.hide(),this.lastRange=!1,this},getParams:function(b,c,d){var e={};if(this.options.bbmode){var f=c.match(/\{[\s\S]+?\}/g);c=this.prepareRGX(c);var g=new RegExp(c,"g"),h=this.txtArea.value;d>0&&(h=h.substr(d,h.length-d));var i=g.exec(h);i&&a.each(f,function(a,b){e[b.replace(/\{|\}/g,"").replace(/"/g,"'").toLowerCase()]=i[a+1]})}else{var j=this.options.rules[c][0][1];a.each(j,a.proxy(function(c,d){var f="",g=d.sel!==!1?f=a(b).find(d.sel):a(b);if(f=d.attr!==!1?g.attr(d.attr):g.html()){if(d.rgx!==!1){var h=f.match(new RegExp(d.rgx));h&&2==h.length&&(f=h[1])}e[c]=f.replace(/"/g,"'")}},this))}return e},imgLoadModal:function(){a.log("imgLoadModal"),this.options.imgupload===!0?(this.$modal.find("#imguploader").dragfileupload({url:this.strf(this.options.img_uploadurl,this.options),extraParams:{maxwidth:this.options.img_maxwidth,maxheight:this.options.img_maxheight},themePrefix:this.options.themePrefix,themeName:this.options.themeName,success:a.proxy(function(a){this.$txtArea.insertImage(a.image_link,a.thumb_link),this.closeModal(),this.updateUI()},this)}),this.$modal.find("#fileupl").bind("change",function(){a("#fupform").submit()}),this.$modal.find("#fupform").bind("submit",a.proxy(function(b){a(b.target).parents("#imguploader").hide().after('

    '+CURLANG.loading+"
    ").parent().css("text-align","center")},this))):(this.$modal.find(".hastabs").removeClass("hastabs"),this.$modal.find("#imguploader").parents(".tab-cont").remove(),this.$modal.find(".wbbm-tablist").remove())},imgSubmitModal:function(){a.log("imgSubmitModal")},printObjectInIE:function(b){try{a.log(JSON.stringify(b))}catch(c){}},checkFilter:function(b,c){a.log("node: "+a(b).get(0).outerHTML+" filter: "+c+" res: "+a(b).is(c.toLowerCase()))},debug:function(b){if(this.options.debug===!0){var c=(new Date).getTime();"undefined"!=typeof console?console.log(c-this.startTime+" ms: "+b):a("#exlog").append("

    "+(c-this.startTime)+" ms: "+b+"

    "),this.startTime=c}},isChrome:function(){return window.chrome?!0:!1},fixTableTransform:function(b){return b?-1==a.inArray("table",this.options.buttons)?b.replace(/\<(\/*?(table|tr|td|tbody))[^>]*\>/gi,""):b.replace(/\<(\/*?(table|tr|td))[^>]*\>/gi,"[$1]".toLowerCase()).replace(/\<\/*tbody[^>]*\>/gi,""):""}},a.log=function(b){"undefined"!=typeof wbbdebug&&wbbdebug===!0&&("undefined"!=typeof console?console.log(b):a("#exlog").append("

    "+b+"

    "))},a.fn.wysibb=function(b){return this.each(function(){var c=a(this).data("wbb");c||new a.wysibb(this,b)})},a.fn.wdrag=function(b){b.scope||(b.scope=this);var c,d={x:0,y:0,height:0};b.scope.drag_mousedown=function(e){e.preventDefault(),d={x:e.pageX,y:e.pageY,height:b.height,sheight:b.scope.$body.height()},c=!0,a(document).bind("mousemove",a.proxy(b.scope.drag_mousemove,this)),a(this).addClass("drag")},b.scope.drag_mouseup=function(d){c===!0&&(d.preventDefault(),a(document).unbind("mousemove",b.scope.drag_mousemove),a(this).removeClass("drag"),c=!1)},b.scope.drag_mousemove=function(a){a.preventDefault();var c=0,e=0;if(b.axisX&&(c=a.pageX-d.x),b.axisY&&(e=a.pageY-d.y),0!=e){var f=d.sheight+e;f>d.height&&f<=b.scope.options.resize_maxheight&&(1==b.scope.options.bbmode?b.scope.$txtArea.css(b.scope.options.autoresize===!0?"min-height":"height",f+"px"):b.scope.$body.css(b.scope.options.autoresize===!0?"min-height":"height",f+"px"))}},a(this).bind("mousedown",b.scope.drag_mousedown),a(document).bind("mouseup",a.proxy(b.scope.drag_mouseup,this))},a.fn.getDoc=function(){return this.data("wbb").doc},a.fn.getSelectText=function(a){return this.data("wbb").getSelectText(a)},a.fn.bbcode=function(a){return"undefined"!=typeof a?(this.data("wbb").options.bbmode?this.data("wbb").$txtArea.val(a):this.data("wbb").$body.html(this.data("wbb").getHTML(a)),this):this.data("wbb").getBBCode()},a.fn.htmlcode=function(a){return this.data("wbb").options.onlyBBMode||this.data("wbb").inited!==!0?void 0:"undefined"!=typeof a?(this.data("wbb").$body.html(a),this):this.data("wbb").getHTML(this.data("wbb").$txtArea.val())},a.fn.getBBCode=function(){return this.data("wbb").getBBCode()},a.fn.getHTML=function(){var a=this.data("wbb");return a.getHTML(a.$txtArea.val())},a.fn.getHTMLByCommand=function(a,b){return this.data("wbb").getHTMLByCommand(a,b)},a.fn.getBBCodeByCommand=function(a,b){return this.data("wbb").getBBCodeByCommand(a,b)},a.fn.insertAtCursor=function(a,b){return this.data("wbb").insertAtCursor(a,b),this.data("wbb")},a.fn.execCommand=function(a,b){return this.data("wbb").execCommand(a,b),this.data("wbb")},a.fn.insertImage=function(a,b){var c=this.data("wbb"),d=b?c.getCodeByCommand("link",{url:a,seltext:c.getCodeByCommand("img",{src:b})}):c.getCodeByCommand("img",{src:a});return this.insertAtCursor(d),c},a.fn.sync=function(){return this.data("wbb").sync(),this.data("wbb")},a.fn.destroy=function(){this.data("wbb").destroy()},a.fn.queryState=function(a){return this.data("wbb").queryState(a)}}(jQuery),function(a){"use strict";function b(b,c){this.$block=a(b),this.opt=a.extend({url:!1,success:!1,extraParams:!1,fileParam:"img",validation:".(jpg|png|gif|jpeg)$",t1:CURLANG.fileupload_text1,t2:CURLANG.fileupload_text2},c)}a.fn.dragfileupload=function(a){return this.each(function(){var c=new b(this,a);c.init()})},b.prototype={init:function(){if(null!=window.FormData){this.$block.addClass("drag"),this.$block.prepend('
    '+this.opt.t2+"
    "),this.$block.prepend('
    '+this.opt.t1+"
    "),this.$block.bind("dragover",function(){return a(this).addClass("dragover"),!1}),this.$block.bind("dragleave",function(){return a(this).removeClass("dragover"),!1});var b=a.proxy(function(a){var b=parseInt(a.loaded/a.total*100,10);this.$loader.children("span").text(CURLANG.loading+": "+b+"%")},this),c=jQuery.ajaxSettings.xhr();c.upload&&c.upload.addEventListener("progress",b,!1),this.$block[0].ondrop=a.proxy(function(b){b.preventDefault(),this.$block.removeClass("dragover");var d=b.dataTransfer.files[0];if(this.opt.validation&&!d.name.match(new RegExp(this.opt.validation)))return this.error(CURLANG.validation_err),!1;var e=new FormData;e.append(this.opt.fileParam,d),this.opt.extraParams&&a.each(this.opt.extraParams,function(a,b){e.append(a,b)}),this.$loader=a('

    '+CURLANG.loading+"
    "),this.$block.html(this.$loader),a.ajax({type:"POST",url:this.opt.url,data:e,processData:!1,contentType:!1,xhr:function(){return c},dataType:"json",success:a.proxy(function(a){a&&1==a.status?this.opt.success(a):this.error(a.msg||CURLANG.error_onupload)},this),error:a.proxy(function(){this.error(CURLANG.error_onupload)},this)})},this)}},error:function(a){this.$block.find(".upl-error").remove().end().append(''+a+"").addClass("wbbm-brdred")}}}(jQuery); \ No newline at end of file diff --git a/public/assets/languages/ar.js b/public/assets/languages/ar.js new file mode 100644 index 0000000..672fe8d --- /dev/null +++ b/public/assets/languages/ar.js @@ -0,0 +1,68 @@ +/** + * @author Atramez_Zeton http://onyx-sy.net + * @license [MIT](http://www.opensource.org/licenses/mit-license.php) + */ +(function () { + 'use strict'; + + sceditor.locale['ar'] = { + 'Bold': 'عريض', + 'Italic': 'مائل', + 'Underline': 'خط من الأسفل', + 'Strikethrough': 'خط في المنتصف', + 'Subscript': 'حرف منخفض', + 'Superscript': 'حرف مرتفع', + 'Align left': 'انحياز إلى اليسار', + 'Center': 'توسط', + 'Align right': 'انحياز إالى اليمين', + 'Justify': 'ملأ السطر', + 'Font Name': 'نوع الخط', + 'Font Size': 'حجم الخط', + 'Font Color': 'لون الخط', + 'Remove Formatting': 'ازالة التعديلات', + 'Cut': 'قص', + 'Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X': 'Ctrl/Cmd-X متصفحك لا يدعم اوامر القص الرجاء استخدام اختصارات لوحة التحكم', + 'Copy': 'نسخ', + 'Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C': 'Ctrl/Cmd-C متصفحك لا يدعم اوامر النسخ الرجاء استخدام اختصارات لوحة التحكم', + 'Paste': 'لصق', + 'Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V': 'Ctrl/Cmd-V متصفحك لا يدعم اوامر اللصق الرجاء استخدام اختصارات لوحة التحكم', + 'Paste your text inside the following box:': 'قم بلصق نصّك في المربع', + 'Paste Text': 'الصق النص', + 'Bullet list': 'قائمة نقطية', + 'Numbered list': 'قائمة مرقمة', + 'Undo': 'تراجع', + 'Redo': 'تقدم', + 'Rows:': 'اسطر', + 'Cols:': 'اعمدة', + 'Insert a table': 'ادرج جدول', + 'Insert a horizontal rule': 'ادرج مسطرة افقية', + 'Code': 'كود', + 'Width (optional):': 'عرض (اختياري)', + 'Height (optional):': 'ارتفاع (اختياري)', + 'Insert an image': 'ادرج صورة', + 'E-mail:': 'بريد الكتروني', + 'Insert an email': 'ادرج بريدا الكترونيا', + 'URL:': 'وصلة موقع', + 'Insert a link': 'ادرج وصلة لموقع', + 'Unlink': 'ازالة الوصلة', + 'More': 'المزيد', + 'Insert an emoticon': 'ادرج وجها', + 'Video URL:': 'وصلة فيديو', + 'Insert': 'ادرج', + 'Insert a YouTube video': 'ادرج وصلة فيديو يوتيوب', + 'Insert current date': 'ادرج التاريخ الحالي', + 'Insert current time': 'ادرج الوقت الحالي', + 'Print': 'اطبع', + 'View source': 'اظهر المصدر', + 'Description (optional):': 'الوصف (اختياري)', + 'Enter the image URL:': 'ضع وصلة الصورة', + 'Enter the e-mail address:': 'ضع عنوان البريد الإلكتروني', + 'Enter the displayed text:': 'ضع النص الذي تريد اظهاره', + 'Enter URL:': 'ضع وصلة موقع', + 'Enter the YouTube video URL or ID:': 'ضع وصلة فيديو يوتيوب او رقم الفيديو', + 'Insert a Quote': 'ادرج اقتباسا', + 'Invalid YouTube video': 'هذا الفيديو غير صالح', + + dateFormat: 'day-month-year' + }; +})(); diff --git a/public/assets/languages/ca.js b/public/assets/languages/ca.js new file mode 100644 index 0000000..cf0b09b --- /dev/null +++ b/public/assets/languages/ca.js @@ -0,0 +1,68 @@ +/** + * @author Fran Sobrino + * @license [MIT](http://www.opensource.org/licenses/mit-license.php) + */ +(function () { + 'use strict'; + + sceditor.locale['ca'] = { + 'Bold': 'Negrita', + 'Italic': 'Cursiva', + 'Underline': 'Subratlla', + 'Strikethrough': 'Ratllar', + 'Subscript': 'Sub\u00edndice', + 'Superscript': 'Super\u00edndice', + 'Align left': 'Alinear a l\'Esquerra', + 'Center': 'Centrar', + 'Align right': 'Alinear a la dreta', + 'Justify': 'Justificar', + 'Font Name': 'Tipus de Lletra', + 'Font Size': 'Mida de Lletra', + 'Font Color': 'Color de Font', + 'Remove Formatting': 'Treure Formats', + 'Cut': 'Tallar', + 'Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X': 'O seu navegador non acepta o comando cortar. Por favor, empregue a combinaci\u00f3n Ctrl/Cmd-X', + 'Copy': 'Copiar', + 'Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C': 'O seu navegador non acepta o comando cortar. Por favor, empregue a combinaci\u00f3n Ctrl/Cmd-C', + 'Paste': 'Pegar', + 'Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V': 'O seu navegador non acepta o comando cortar. Por favor, empregue a combinaci\u00f3n Ctrl/Cmd-V', + 'Paste your text inside the following box:': 'Pega o texto dentro do seguinte recadro', + 'Paste Text': 'Pegar Texto', + 'Bullet list': 'Llista d\'Vinyetes', + 'Numbered list': 'Llista numerada', + 'Undo': 'Desfer', + 'Redo': 'Refer', + 'Rows:': 'Files', + 'Cols:': 'Columnes', + 'Insert a table': 'Inserir una taula', + 'Insert a horizontal rule': 'Insereix una Regla horitzontal', + 'Code': 'C\u00f3digo', + 'Width (optional):': 'Ample (Opcional)', + 'Height (optional):': 'Alçada (Opcional)', + 'Insert an image': 'Insereix una imatge', + 'E-mail:': 'Correu electrònic', + 'Insert an email': 'Insereix un Email', + 'URL:': 'URL', + 'Insert a link': 'Inserir un enllaç', + 'Unlink': 'Treure un enllaç', + 'More': 'Més', + 'Insert an emoticon': 'Inserir un emoticon', + 'Video URL:': 'URL del V\u00eddeo', + 'Insert': 'Insereix', + 'Insert a YouTube video': 'Insereix un v\u00eddeo de YouTube', + 'Insert current date': 'Insereix data actual', + 'Insert current time': 'Insereix hora actual', + 'Print': 'Imprimir', + 'View source': 'Veure C\u00f3digo', + 'Description (optional):': 'Descripci\u00f3 (Opcional):', + 'Enter the image URL:': 'Ingressar la URL de la imatge:', + 'Enter the e-mail address:': 'Ingressar el correu electr\u00f3nico:', + 'Enter the displayed text:': 'Ingressar el texto mostrat:', + 'Enter URL:': 'Entrada URL:', + 'Enter the YouTube video URL or ID:': 'Entrada URL ou ID de YouTube', + 'Insert a Quote': 'v Insereix', + 'Invalid YouTube video': 'V\u00eddeo de YouTube Inv\u00e1lido', + + dateFormat: 'day-month-year' + }; +})(); diff --git a/public/assets/languages/cn.js b/public/assets/languages/cn.js new file mode 100644 index 0000000..6a27f0b --- /dev/null +++ b/public/assets/languages/cn.js @@ -0,0 +1,68 @@ +/** + * @author + * @license [MIT](http://www.opensource.org/licenses/mit-license.php) + */ +(function () { + 'use strict'; + + sceditor.locale['cn'] = { + 'Bold': '粗体', + 'Italic': '斜体', + 'Underline': '下划线', + 'Strikethrough': '删除线', + 'Subscript': '下标', + 'Superscript': '上标', + 'Align left': '靠左对齐', + 'Center': '置中', + 'Align right': '靠右对齐', + 'Justify': '两端对齐', + 'Font Name': '字体', + 'Font Size': '字号', + 'Font Color': '字色', + 'Remove Formatting': '格式清除', + 'Cut': '剪切', + 'Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X': '您的浏览器不支持剪切命令，请使用快捷键 Ctrl/Cmd-X', + 'Copy': '拷贝', + 'Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C': '您的浏览器不支持拷贝命令，请使用快捷键 Ctrl/Cmd-C', + 'Paste': '粘贴', + 'Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V': '您的浏览器不支持粘贴命令，请使用快捷键 Ctrl/Cmd-V', + 'Paste your text inside the following box:': '请在下面贴入您的文本', + 'Paste Text': '粘贴纯文本', + 'Bullet list': '符号列表', + 'Numbered list': '编号列表', + 'Undo': '恢复', + 'Redo': '撤消', + 'Rows:': '行数', + 'Cols:': '列数', + 'Insert a table': '插入表格', + 'Insert a horizontal rule': '插入分隔符', + 'Code': '代码', + 'Width (optional):': '宽度(选填)', + 'Height (optional):': '高度(选填)', + 'Insert an image': '插入图片', + 'E-mail:': 'Email地址', + 'Insert an email': '插入Email地址', + 'URL:': '网址', + 'Insert a link': '插入链接', + 'Unlink': '取消链接', + 'More': '更多', + 'Insert an emoticon': '插入表情符号', + 'Video URL:': '视频地址', + 'Insert': '插入', + 'Insert a YouTube video': '插入YouTube视频', + 'Insert current date': '插入当前日期', + 'Insert current time': '插入当前时间', + 'Print': '打印', + 'View source': '查看代码', + 'Description (optional):': '描述(选填)', + 'Enter the image URL:': '输入图片地址', + 'Enter the e-mail address:': '输入email地址', + 'Enter the displayed text:': '输入显示文字', + 'Enter URL:': '输入网址', + 'Enter the YouTube video URL or ID:': '输入YouTube地址或编号', + 'Insert a Quote': '插入引用', + 'Invalid YouTube video': '无效的YouTube视频', + + dateFormat: 'year-month-day' + }; +})(); diff --git a/public/assets/languages/cs.js b/public/assets/languages/cs.js new file mode 100644 index 0000000..c17e1bf --- /dev/null +++ b/public/assets/languages/cs.js @@ -0,0 +1,71 @@ +/** + * @author Daniel Vítek danielvitek1@gmail.com danvitek.cz + * @license [MIT](http://www.opensource.org/licenses/mit-license.php) + */ +(function () { + 'use strict'; + + sceditor.locale['cs'] = { + 'Bold': 'Tučné', + 'Italic': 'Kurzíva', + 'Underline': 'Podtržené', + 'Strikethrough': 'Přeškrtnuté', + 'Subscript': 'Dolní index', + 'Superscript': 'Horní index', + 'Align left': 'Zarovnat vlevo', + 'Center': 'Zarovnat na střed', + 'Align right': 'Zarovnat vpravo', + 'Justify': 'Zarovnat do bloku', + 'Font Name': 'Výběr písma', + 'Font Size': 'Velikost písma', + 'Font Color': 'Barva písma', + 'Remove Formatting': 'Vymazat formátování', + 'Cut': 'Vyjmout', + 'Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X': 'Váš prohlížeč nepodporuje tento příkaz, použijte CTRL+X', + 'Copy': 'Kopírovat', + 'Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C': 'Váš prohlížeč nepodporuje tento příkaz, použijte CTRL+C', + 'Paste': 'Vložit', + 'Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V': 'Váš prohlížeč nepodporuje tento příkaz, použijte CTRL+V', + 'Paste your text inside the following box:': 'Vložte Váš text do následujícího pole', + 'Paste Text': 'Vložit text', + 'Bullet list': 'Seznam', + 'Numbered list': 'Číslovaný seznam', + 'Undo': 'Zpět', + 'Redo': 'Vpřed', + 'Rows:': 'Řádků', + 'Cols:': 'Buněk', + 'Insert a table': 'Vložit tabulku', + 'Insert a horizontal rule': 'Vložit vodorovnou čáru', + 'Code': 'Vložit kód', + 'Width (optional):': 'Šířka (volitelné)', + 'Height (optional):': 'Výška (volitelné)', + 'Insert an image': 'Vložit obrázek', + 'E-mail:': 'E-mailová adresa', + 'Insert an email': 'Vložit e-mail', + 'URL:': 'Adresa', + 'Insert a link': 'Vložit odkaz', + 'Unlink': 'Zrušit odkaz', + 'More': 'Více', + 'Insert an emoticon': 'Vložit smajlíka', + 'Video URL:': 'Adresa videa', + 'Insert': 'Vložit', + 'Insert a YouTube video': 'Vložte video z YouTube', + 'Insert current date': 'Vložte aktuální datum', + 'Insert current time': 'Vložte aktuální čas', + 'Print': 'Vytisknout', + 'View source': 'Zobrazit zdroj', + 'Description (optional):': 'Popis (volitelné)', + 'Enter the image URL:': 'Vložte adresu obrázku', + 'Enter the e-mail address:': 'Vložte e-mailovou adresu', + 'Enter the displayed text:': 'Vložte zobrazovaný text', + 'Enter URL:': 'Vložte adresu', + 'Enter the YouTube video URL or ID:': 'Vložte adresu YouTube videa nebo ID videa', + 'Insert a Quote': 'Vložit citát', + 'Invalid YouTube video': 'Neplatné YouTube video', + 'Add indent': 'Posunout na další úroveň', + 'Remove one indent': 'Posunout na předchozí úroveň', + 'Maximize': 'Zobrazit přes celou obrazovku', + + dateFormat: 'day-month-year' + }; +})(); diff --git a/public/assets/languages/de.js b/public/assets/languages/de.js new file mode 100644 index 0000000..58240c9 --- /dev/null +++ b/public/assets/languages/de.js @@ -0,0 +1,59 @@ +(function () { + 'use strict'; + + sceditor.locale['de'] = { + 'Bold': 'Fett', + 'Italic': 'Kursiv', + 'Underline': 'Unterstrichen', + 'Strikethrough': 'Durchgestrichen', + 'Subscript': 'Tiefgestellt', + 'Superscript': 'Hochgestellt', + 'Align left': 'Linksbündig ausrichten', + 'Center': 'Zentrieren', + 'Align right': 'Rechtsbündig ausrichten', + 'Justify': 'Blocksatz', + 'Font Name': 'Schriftname', + 'Font Size': 'Schriftgröße', + 'Font Color': 'Schriftfarbe', + 'Remove Formatting': 'Formatierung entfernen', + 'Cut': 'Ausschneiden', + 'Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X': 'Ihr Browser erlaubt das Ausschneiden von Text nicht, bitte Nutzen Sie das Tastenkürzel Strg / Cmd-X', + 'Copy': 'Kopieren', + 'Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C': 'Ihr Browser erlaubt das Kopieren von Text nicht, bitte Nutzen Sie das Tastenkürzel Strg / Cmd-C', + 'Paste': 'Einfügen', + 'Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V': 'Ihr Browser erlaubt das Einfügen von Text nicht, bitte Nutzen Sie das Tastenkürzel Strg / Cmd-V', + 'Paste your text inside the following box:': 'Fügen Sie Ihren Text in die folgende Box ein', + 'Paste Text': 'Text einfügen', + 'Bullet list': 'Aufzählungsliste', + 'Numbered list': 'Nummerierte Liste', + 'Undo': 'Rückgängig machen', + 'Redo': 'Wiederherstellen', + 'Rows:': 'Zeilen', + 'Cols:': 'Spalten', + 'Insert a table': 'Tabelle einfügen', + 'Insert a horizontal rule': 'Horizontale Linie einfügen', + 'Code': 'Code', + 'Insert a Quote': 'Zitat einfügen', + 'Width (optional):': 'Breite (Optional)', + 'Height (optional):': 'Höhe (Optional)', + 'Insert an image': 'Ein Bild einfügen', + 'E-mail:': 'E-Mail', + 'Insert an email': 'E-Mail einfügen', + 'URL:': 'URL', + 'Insert a link': 'Link einfügen', + 'Unlink': 'Link entfernen', + 'More': 'Mehr', + 'Left-to-Right': 'Links nach rechts', + 'Right-to-Left': 'Rechts nach links', + 'Insert an emoticon': 'Emoticon einfügen', + 'Video URL:': 'Video URL', + 'Insert': 'Einfügen', + 'Insert a YouTube video': 'YouTube Video einfügen', + 'Insert current date': 'Aktuelles Datum einfügen', + 'Insert current time': 'Aktuelle Uhrzeit einfügen', + 'Print': 'Drucken', + 'Maximize': 'Maximieren', + 'View source': 'Quelltext ansehen', + dateFormat: 'day.month.year' + }; +})(); diff --git a/public/assets/languages/el.js b/public/assets/languages/el.js new file mode 100644 index 0000000..05d33ec --- /dev/null +++ b/public/assets/languages/el.js @@ -0,0 +1,68 @@ +/** + * @author Nikos Aggelis nikosaggelis@hotmail.gr + */ +(function () { + 'use strict'; + + sceditor.locale['el'] = { + 'Bold': 'Έντονα', + 'Italic': 'Πλάγια', + 'Underline': 'Υπογραμμισμένα', + 'Strikethrough': 'Διαγραμμισμένα', + 'Subscript': 'Δείκτης', + 'Superscript': 'Εκθέτης', + 'Align left': 'Αριστερή στοίχιση', + 'Center': 'Κεντραρισμένα', + 'Align right': 'Δεξιά στοίχιση', + 'Justify': 'Πλήρης στοίχιση', + 'Font Name': 'Γραμματοσειρά', + 'Font Size': 'Μέγεθος', + 'Font Color': 'Χρώμα', + 'Remove Formatting': 'Αφαίρεση μορφοποίησης', + 'Cut': 'Αποκοπή', + 'Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X': 'Ο περιηγητής σας δεν επιτρέπει την εντολή αποκοπής. Παρακαλούμε χρησιμοποιήστε τη συντόμευση πληκτρολογίου Ctrl/Cmd-X', + 'Copy': 'Αντιγραφή', + 'Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C': 'Ο περιηγητής σας δεν επιτρέπει την εντολή αντιγραφής. Παρακαλούμε χρησιμοποιήστε τη συντόμευση πληκτρολογίου Ctrl/Cmd-C', + 'Paste': 'Επικόλληση', + 'Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V': 'Ο περιηγητής σας δεν επιτρέπει την εντολή επικόλλησης. Παρακαλούμε χρησιμοποιήστε τη συντόμευση πληκτρολογίου Ctrl/Cmd-V', + 'Paste your text inside the following box:': 'Επικολλήστε το κείμενό σας μέσα στο ακόλουθο πλαίσιο:', + 'Paste Text': 'Επικόλληση κειμένου', + 'Bullet list': 'Λίστα με κουκίδες', + 'Numbered list': 'Λίστα με αρίθμηση', + 'Undo': 'Αναίρεση', + 'Redo': 'Επανάληψη', + 'Rows:': 'Γραμμές', + 'Cols:': 'Στήλες', + 'Insert a table': 'Εισαγωγή πίνακα', + 'Insert a horizontal rule': 'Εισαγωγή οριζόντιας γραμμής', + 'Code': 'Κώδικας', + 'Width (optional):': 'Πλάτος (Προαιρετικό)', + 'Height (optional):': 'Ύψος (Προαιρετικό)', + 'Insert an image': 'Εισαγωγή εικόνας', + 'E-mail:': 'Ηλεκτρονικό ταχυδρομείο', + 'Insert an email': 'Εισαγωγή email', + 'URL:': 'Ηλεκτρονική διεύθυνση', + 'Insert a link': 'Εισαγωγή συνδέσμου', + 'Unlink': 'Κατάργηση σύνδεσης', + 'More': 'Περισσότερα', + 'Insert an emoticon': 'Εισαγωγή φατσούλας', + 'Video URL:': 'Διεύθυνση βίντεο', + 'Insert': 'Εισαγωγή', + 'Insert a YouTube video': 'Εισαγωγή βίντεο YouTube', + 'Insert current date': 'Εισαγωγή τρέχουσας ημερομηνίας', + 'Insert current time': 'Εισαγωγή τρέχουσας ώρας', + 'Print': 'Εκτύπωση', + 'Maximize': 'Μεγιστοποίηση', + 'View source': 'Προβολή πηγαίου κώδικα', + 'Description (optional):': 'Περιγραφή (προαιρετικό)', + 'Enter the image URL:': 'Εισάγετε τη διεύθυνση εικόνας', + 'Enter the e-mail address:': 'Εισάγετε τη διεύθυνση e-mail', + 'Enter the displayed text:': 'Εισάγετε το εμφανιζόμενο κείμενο', + 'Enter URL:': 'Εισάγετε διεύθυνση', + 'Enter the YouTube video URL or ID:': 'Εισάγετε τη διεύθυνση του βίντεο YouTube ή το ID', + 'Insert a Quote': 'Εισαγωγή παράθεσης', + 'Invalid YouTube video': 'Μη έγκυρο βίντεο YouTube', + + dateFormat: 'day-month-year' + }; +})(); diff --git a/public/assets/languages/en-US.js b/public/assets/languages/en-US.js new file mode 100644 index 0000000..cef1211 --- /dev/null +++ b/public/assets/languages/en-US.js @@ -0,0 +1,7 @@ +(function () { + 'use strict'; + + sceditor.locale['en-US'] = { + dateFormat: 'month/day/year' + }; +})(); diff --git a/public/assets/languages/en.js b/public/assets/languages/en.js new file mode 100644 index 0000000..dcb48d7 --- /dev/null +++ b/public/assets/languages/en.js @@ -0,0 +1,12 @@ +(function () { + 'use strict'; + + sceditor.locale['en-GB'] = { + 'Font Color': 'Font Colour', + 'Center': 'Centre', + dateFormat: 'day/month/year' + }; + + // set this as the default English locale + sceditor.locale['en'] = sceditor.locale['en-GB']; +})(); diff --git a/public/assets/languages/es.js b/public/assets/languages/es.js new file mode 100644 index 0000000..aece0ab --- /dev/null +++ b/public/assets/languages/es.js @@ -0,0 +1,68 @@ +/** + * @author + * @license [MIT](http://www.opensource.org/licenses/mit-license.php) + */ +(function () { + 'use strict'; + + sceditor.locale['es'] = { + 'Bold': 'Negrita', + 'Italic': 'Cursiva', + 'Underline': 'Subrayar', + 'Strikethrough': 'Tachar', + 'Subscript': 'Sub\u00edndice', + 'Superscript': 'Super\u00edndice', + 'Align left': 'Alinear a la Izquierda', + 'Center': 'Centrar', + 'Align right': 'Alinear a la Derecha', + 'Justify': 'Justificar', + 'Font Name': 'Tipo de Letra', + 'Font Size': 'Tama\u00f1o de Letra', + 'Font Color': 'Color de Fuente', + 'Remove Formatting': 'Quitar Formatos', + 'Cut': 'Cortar', + 'Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X': 'Su navegador no acepta el comando cortar. Por favor, use la combinaci\u00f3n Ctrl/Cmd-X', + 'Copy': 'Copiar', + 'Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C': 'Su navegador no acepta el comando copiar. Por favor, use la combinaci\u00f3n Ctrl/Cmd-C', + 'Paste': 'Pegar', + 'Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V': 'Su navegador no acepta el comando pegar. Por favor, use la combinaci\u00f3n Ctrl/Cmd-V', + 'Paste your text inside the following box:': 'Pega el texto dentro del siguiente recuadro', + 'Paste Text': 'Pegar Texto', + 'Bullet list': 'Lista de Vi\u00f1etas', + 'Numbered list': 'Lista Numerada', + 'Undo': 'Deshacer', + 'Redo': 'Rehacer', + 'Rows:': 'Filas', + 'Cols:': 'Columnas', + 'Insert a table': 'Insertar una Tabla', + 'Insert a horizontal rule': 'Insertar una Regla Horizontal', + 'Code': 'C\u00f3digo', + 'Width (optional):': 'Ancho (Opcional)', + 'Height (optional):': 'Altura (Opcional)', + 'Insert an image': 'Insertar una Imagen', + 'E-mail:': 'E-mail', + 'Insert an email': 'Insertar un Email', + 'URL:': 'URL', + 'Insert a link': 'Insertar un V\u00ednculo', + 'Unlink': 'Quitar V\u00ednculo', + 'More': 'M\u00e1s', + 'Insert an emoticon': 'Insertar un emoticon', + 'Video URL:': 'URL del V\u00eddeo', + 'Insert': 'Insertar', + 'Insert a YouTube video': 'Insertar un v\u00eddeo de YouTube', + 'Insert current date': 'Insertar fecha actual', + 'Insert current time': 'Insertar hora actual', + 'Print': 'Imprimir', + 'View source': 'Ver C\u00f3digo', + 'Description (optional):': 'Descripci\u00f3n (Opcional):', + 'Enter the image URL:': 'Ingresar la URL de la imagen:', + 'Enter the e-mail address:': 'Ingresar el correo electr\u00f3nico:', + 'Enter the displayed text:': 'Ingresar el texto mostrado:', + 'Enter URL:': 'Ingresar URL:', + 'Enter the YouTube video URL or ID:': 'Ingresar URL o ID de YouTube', + 'Insert a Quote': 'Insertar Cita', + 'Invalid YouTube video': 'Video de YouTube Inv\u00e1lido', + + dateFormat: 'day-month-year' + }; +})(); diff --git a/public/assets/languages/et.js b/public/assets/languages/et.js new file mode 100644 index 0000000..3c789b2 --- /dev/null +++ b/public/assets/languages/et.js @@ -0,0 +1,57 @@ +(function () { + 'use strict'; + + sceditor.locale['et'] = { + 'Bold': 'Rasvane', + 'Italic': 'Kaldkiri', + 'Underline': 'Allajoonitud', + 'Strikethrough': 'Läbijoonitud', + 'Subscript': 'Allindeks', + 'Superscript': 'Ülaindeks', + 'Align left': 'Joonad vasakule', + 'Center': 'Joonda keskele', + 'Align right': 'Joonda paremale', + 'Justify': 'Joondus mõlemale poole', + 'Font Name': 'Fondi nimi', + 'Font Size': 'Fondi suurus', + 'Font Color': 'Fondi värv', + 'Remove Formatting': 'Eemalda vormindus', + 'Cut': 'Lõika', + 'Sinu veebilehitseja ei luba lõikamise käsu kasutamist. Palun kasuta kiirklahvi Ctrl/Cmd-X': '... Ctrl / Cmd-X', + 'Copy': 'Kopeeri', + 'Sinu veebilehitseja ei luba kopeerimise käsu kasutamist. Palun kasuta kiirklahvi Ctrl/Cmd-C': '... Ctrl / Cmd-C', + 'Paste': 'Aseta', + 'Sinu veebilehitseja ei luba asetamise käsu kasutamist. Palun kasuta kiirklahvi Ctrl/Cmd-V': '... Ctrl / Cmd-V', + 'Paste your text inside the following box:': 'Aseta oma tekst järgneva tekstikasti sisse', + 'Paste Text': 'Aseta tekstina', + 'Bullet list': 'Nimekiri', + 'Numbered list': 'Nummerdatud nimekiri', + 'Undo': 'Samm tagasi', + 'Redo': 'Samm edasi', + 'Rows:': 'Read', + 'Cols:': 'Veerud', + 'Insert a table': 'Sisesta tabel', + 'Insert a horizontal rule': 'Sisesta horisontaalne joon', + 'Code': 'Kood', + 'Insert a Quote': 'Sisesta tsitaat', + 'Width (optional):': 'Laius (Valikuline)', + 'Height (optional):': 'Kõrgus (Valikuline)', + 'Insert an image': 'Sisesta pilt', + 'E-mail:': 'E-post', + 'Insert an email': 'Sisesta e-posti aadress', + 'URL:': 'Link', + 'Insert a link': 'Sisesta link', + 'Unlink': 'Eemalda link', + 'More': 'Veel', + 'Insert an emoticon': 'Sisesta emotikon', + 'Video URL:': 'Video link', + 'Insert': 'Sisesta', + 'Insert a YouTube video': 'Sisesta YouTube video', + 'Insert current date': 'Sisesta praegune kuupäev', + 'Insert current time': 'Sisesta praegune kellaaeg', + 'Print': 'Prindi', + 'View source': 'Vaata lähtekoodi', + + dateFormat: 'day.month.year' + }; +})(); diff --git a/public/assets/languages/fa.js b/public/assets/languages/fa.js new file mode 100644 index 0000000..0c2c02d --- /dev/null +++ b/public/assets/languages/fa.js @@ -0,0 +1,69 @@ +// add locale:'fa', to your config options. +// Translated By Ebad Ghafoory [info@ghafoory.com] +// 2013/05/01 +(function () { + 'use strict'; + + sceditor.locale['fa'] = { + 'Bold': 'تیره', + 'Italic': 'مورب', + 'Underline': 'زیرخط', + 'Strikethrough': 'خط خورده', + 'Subscript': 'زیرنویس', + 'Superscript': 'بالانویس', + 'Align left': 'چپ چین', + 'Center': 'وسط چین', + 'Align right': 'راست چین', + 'Justify': 'همخط', + 'Font Name': 'نام قلم', + 'Font Size': 'اندازه\u200cی نوشته', + 'Font Color': 'رنگ نوشته', + 'Remove Formatting': 'پاکسازی فرمت نوشته', + 'Cut': 'برش', + 'Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X': 'مرورگر شما اجازه برش توسط نرم\u200cافزار را نمی\u200cدهد. لطفا از دکمه\u200cهای ترکیبی Ctrl / Cmd-X استفاده کنید', + 'Copy': 'کپی', + 'Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C': 'مرورگر شما اجازه کپی کردن توسط نرم\u200cافزار را نمی\u200cدهد. لطفا از دکمه\u200cهای ترکیبی Ctrl / Cmd-C استفاده کنید', + 'Paste': 'چسباندن', + 'Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V': 'مرورگر شما اجازه چسباندن توسط نرم\u200cافزار را نمی\u200cدهد. لطفا از دکمه\u200cهای ترکیبی Ctrl / Cmd-V استفاده کنید', + 'Paste your text inside the following box:': 'متن خود را در داخل کادر زیر بچسبانید', + 'Paste Text': 'چسباندن متن', + 'Bullet list': 'لیست', + 'Numbered list': 'لیست عددی', + 'Undo': 'حرکت قبل', + 'Redo': 'حرکت بعد', + 'Rows:': 'تعداد ردیف', + 'Cols:': 'تعداد ستون', + 'Insert a table': 'افزودن جدول', + 'Insert a horizontal rule': 'افزودن خط افقی', + 'Code': 'کد', + 'Insert a Quote': 'افزودن نقل قول', + 'Width (optional):': 'پهنا (دلخواه):', + 'Height (optional):': 'ارتفاع (دلخواه):', + 'Insert an image': 'افزودن عکس', + 'E-mail:': 'ایمیل', + 'Insert an email': 'افزودن ایمیل', + 'URL:': 'آدرس اینترنتی', + 'Insert a link': 'افزودن لینک', + 'Unlink': 'حذف لینک', + 'More': 'بیشتر', + 'Insert an emoticon': 'افزودن شکلک', + 'Video URL:': 'آدرس اینترنتی ویدیو', + 'Insert': 'افزودن', + 'Insert a YouTube video': 'افزودن فیلم از یوتوب', + 'Insert current date': 'افزودن تاریخ اکنون', + 'Insert current time': 'افزودن زمان اکنون', + 'Print': 'چاپ', + 'View source': 'مشاهده سورس', + 'Description (optional):': 'توضیحات (دلخواه):', + 'Enter the image URL:': 'آدرس اینترنتی عکس را وارد کنید:', + 'Enter the e-mail address:': 'آدرس ایمیل را وارد کنید:', + 'Enter the displayed text:': 'متن نمایش\u200cدهنده را وارد کنید:', + 'Enter URL:': 'آدرس اینترنتی را وارد کنید:', + 'Enter the YouTube video URL or ID:': 'آدرس اینترنتی فیلم یوتوب یا شناسه ویدیو را وارد کنید:', + 'Invalid YouTube video': 'فیلم یوتوب غیر معتبر است', + 'Right-to-Left': 'راست به چپ', + 'Left-to-Right': 'چپ به راست', + + dateFormat: 'year.month.day' + }; +})(); diff --git a/public/assets/languages/fr.js b/public/assets/languages/fr.js new file mode 100644 index 0000000..9c98a89 --- /dev/null +++ b/public/assets/languages/fr.js @@ -0,0 +1,70 @@ + +// add locale:'fr', to your config options. + +(function () { + 'use strict'; + + sceditor.locale['fr-FR'] = { + 'Bold': 'Gras', + 'Italic': 'Italique', + 'Underline': 'Souligné', + 'Strikethrough': 'Barré', + 'Subscript': 'Indice', + 'Superscript': 'Exposant', + 'Align left': 'Aligner à gauche', + 'Center': 'Centrer', + 'Align right': 'Aligner à droite', + 'Justify': 'Justifier', + 'Font Name': 'Police', + 'Font Size': 'Taille de police', + 'Font Color': 'Couleur de police', + 'Remove Formatting': 'Enlever le formatage', + 'Cut': 'Couper', + 'Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X': 'Votre navigateur n\'autorise pas la commande \'Couper\'. Merci d\'utiliser le raccourcis clavier Ctrl/Cmd+X', + 'Copy': 'Copier', + 'Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C': 'Votre navigateur n\'autorise pas la commande \'Copier\'. Merci d\'utiliser le raccourcis clavier Ctrl/Cmd+C', + 'Paste': 'Coller', + 'Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V': 'Votre navigateur n\'autorise pas la commande \'Coller\'. Merci d\'utiliser le raccourcis clavier Ctrl/Cmd+V', + 'Paste your text inside the following box:': 'Collez votre texte à l\'intérieur de ce bloc', + 'Paste Text': 'Texte collé', + 'Bullet list': 'Liste à puce', + 'Numbered list': 'Liste numérotée', + 'Undo': 'Annuler', + 'Redo': 'Rétablir', + 'Rows:': 'Lignes', + 'Cols:': 'Colonnes', + 'Insert a table': 'Insérer un tableau', + 'Insert a horizontal rule': 'Insérer une ligne horizontale', + 'Code': 'Code', + 'Insert a Quote': 'Insérer une citation', + 'Width (optional):': 'Largeur (Optionnelle)', + 'Height (optional):': 'Hauteur (Optionnelle)', + 'Insert an image': 'Insérer une image', + 'E-mail:': 'Courriel', + 'Insert an email': 'Insérer un courriel', + 'URL:': 'URL', + 'Insert a link': 'Insérer un lien', + 'Unlink': 'Supprimer un lien', + 'More': 'Plus', + 'Insert an emoticon': 'Insérer une émoticône', + 'Video URL:': 'URL Vidéo', + 'Insert': 'Insérer', + 'Insert a YouTube video': 'Insérer une vidéo YouTube', + 'Insert current date': 'Insérer la date actuelle', + 'Insert current time': 'Insérer l\'heure actuelle', + 'Print': 'Imprimer', + 'View source': 'Afficher le texte brut', + 'Description (optional):': 'Description (Optionnelle)', + 'Enter the image URL:': 'Entrez l\'URL de l\'image:', + 'Enter the e-mail address:': 'Entrez le courriel:', + 'Enter the displayed text:': 'Entrez le texte affiché:', + 'Enter URL:': 'Entrez une URL:', + 'Enter the YouTube video URL or ID:': 'Entrez l\'URL ou l\'ID de la vidéo YouTube:', + 'Invalid YouTube video': 'Vidéo YouTube invalide', + 'Right-to-Left': 'De droite à gauche', + 'Left-to-Right': 'De gauche à droite', + + dateFormat: 'day/month/year' + }; + sceditor.locale['fr'] = sceditor.locale['fr-FR']; +})(); diff --git a/public/assets/languages/gl.js b/public/assets/languages/gl.js new file mode 100644 index 0000000..ec6e1a9 --- /dev/null +++ b/public/assets/languages/gl.js @@ -0,0 +1,68 @@ +/** + * @author Fran Sobrino + * @license [MIT](http://www.opensource.org/licenses/mit-license.php) + */ +(function () { + 'use strict'; + + sceditor.locale['gl'] = { + 'Bold': 'Negrita', + 'Italic': 'Cursiva', + 'Underline': 'Subrayar', + 'Strikethrough': 'Riscar', + 'Subscript': 'Sub\u00edndice', + 'Superscript': 'Super\u00edndice', + 'Align left': 'Alinear á Esquerda', + 'Center': 'Centrar', + 'Align right': 'Alinear á Dereita', + 'Justify': 'Xustificar', + 'Font Name': 'Tipo de Letra', + 'Font Size': 'Tama\u00f1o de Letra', + 'Font Color': 'Cor de Fonte', + 'Remove Formatting': 'Quitar Formatos', + 'Cut': 'Cortar', + 'Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X': 'O seu navegador non acepta o comando cortar. Por favor, empregue a combinaci\u00f3n Ctrl/Cmd-X', + 'Copy': 'Copiar', + 'Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C': 'O seu navegador non acepta o comando cortar. Por favor, empregue a combinaci\u00f3n Ctrl/Cmd-C', + 'Paste': 'Pegar', + 'Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V': 'O seu navegador non acepta o comando cortar. Por favor, empregue a combinaci\u00f3n Ctrl/Cmd-V', + 'Paste your text inside the following box:': 'Pega o texto dentro do seguinte recadro', + 'Paste Text': 'Pegar Texto', + 'Bullet list': 'Lista de Vi\u00f1etas', + 'Numbered list': 'Lista Numerada', + 'Undo': 'Desfacer', + 'Redo': 'Refacer', + 'Rows:': 'Ringleiras', + 'Cols:': 'Columnas', + 'Insert a table': 'Engadir unha Tabla', + 'Insert a horizontal rule': 'Engadir unha Regla Horizontal', + 'Code': 'C\u00f3digo', + 'Width (optional):': 'Ancho (Opcional)', + 'Height (optional):': 'Altura (Opcional)', + 'Insert an image': 'Engadir unha Imaxen', + 'E-mail:': 'E-mail', + 'Insert an email': 'Engadir un Email', + 'URL:': 'URL', + 'Insert a link': 'Engadir un V\u00ednculo', + 'Unlink': 'Quitar V\u00ednculo', + 'More': 'M\u00e1is', + 'Insert an emoticon': 'Engadir un emoticon', + 'Video URL:': 'URL do V\u00eddeo', + 'Insert': 'Engadir', + 'Insert a YouTube video': 'Engadir un v\u00eddeo de YouTube', + 'Insert current date': 'Engadir data actual', + 'Insert current time': 'Engadir hora actual', + 'Print': 'Imprimir', + 'View source': 'Ver C\u00f3digo', + 'Description (optional):': 'Descripci\u00f3n (Opcional):', + 'Enter the image URL:': 'Ingresar a URL da imaxen:', + 'Enter the e-mail address:': 'Ingresar o correo electr\u00f3nico:', + 'Enter the displayed text:': 'Ingresar o texto mostrado:', + 'Enter URL:': 'Ingresar URL:', + 'Enter the YouTube video URL or ID:': 'Ingresar URL ou ID de YouTube', + 'Insert a Quote': 'Engadir Cita', + 'Invalid YouTube video': 'V\u00eddeo de YouTube Inv\u00e1lido', + + dateFormat: 'day-month-year' + }; +})(); diff --git a/public/assets/languages/hu.js b/public/assets/languages/hu.js new file mode 100644 index 0000000..0fd64a3 --- /dev/null +++ b/public/assets/languages/hu.js @@ -0,0 +1,69 @@ +/** + * @author Ángyán László + * @license [MIT](http://www.opensource.org/licenses/mit-license.php) + * @date 2013-08-11 + */ +(function () { + 'use strict'; + + sceditor.locale['hu'] = { + 'Bold': 'Félkövér', + 'Italic': 'Dőlt', + 'Underline': 'Aláhúzva', + 'Strikethrough': 'Áthúzva', + 'Subscript': 'Alsó index', + 'Superscript': 'Felső index', + 'Align left': 'Balra zárt', + 'Center': 'Középre zárt', + 'Align right': 'Jobbra zárt', + 'Justify': 'Sorkizárt', + 'Font Name': 'Betűtípus', + 'Font Size': 'Betű méret', + 'Font Color': 'Betű szín', + 'Remove Formatting': 'Formázás törlése', + 'Cut': 'Kivágás', + 'Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X': 'A böngésző biztonsági beállításai nem engedik a kivágást. Használd a Ctrl/Cmd+X billetyűket.', + 'Copy': 'Másolás', + 'Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C': 'A böngésző biztonsági beállításai nem engedik a másolást. Használd a Ctrl/Cmd+C billetyűket.', + 'Paste': 'Beillesztés', + 'Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V': 'A böngésző biztonsági beállításai nem engedik a beillesztést. Használd a Ctrl/Cmd+V billetyűket.', + 'Paste your text inside the following box:': 'Illeszd be a szöveget a dobozba:', + 'Paste Text': 'Szöveg beszúrása', + 'Bullet list': 'Felsorolás', + 'Numbered list': 'Sorszámozott felsorolás', + 'Undo': 'Vissza', + 'Redo': 'Mégis', + 'Rows:': 'Sorok', + 'Cols:': 'Oszlopok', + 'Insert a table': 'Táblázat beszúrása', + 'Insert a horizontal rule': 'Vízszintes vonal beszúrása', + 'Code': 'Kód', + 'Width (optional):': 'Szélesség (nem kötelező):', + 'Height (optional):': 'Magasság (nem kötelező):', + 'Insert an image': 'Illessz be egy képet', + 'E-mail:': 'Email:', + 'Insert an email': 'Illessz be egy email címet.', + 'URL:': 'Honlap', + 'Insert a link': 'Hivatkozás létrehozása', + 'Unlink': 'Hivatkozás megszüntetése', + 'More': 'Több', + 'Insert an emoticon': 'Smiley beszúrása', + 'Video URL:': 'Video link:', + 'Insert': 'Beszúrás', + 'Insert a YouTube video': 'Youtube video beszúrása', + 'Insert current date': 'Szúrd be az aktuális dátumot', + 'Insert current time': 'Szúrd be a jelenlegi időt', + 'Print': 'Nyomtatás', + 'View source': 'Forrás', + 'Description (optional):': 'Hivatkozás szövege (nem kötelező)', + 'Enter the image URL:': 'Kép URL beillesztése:', + 'Enter the e-mail address:': 'Írd be az email címet:', + 'Enter the displayed text:': 'Írd be a megjelenítendő szöveget:', + 'Enter URL:': 'Írd be a linket:', + 'Enter the YouTube video URL or ID:': 'Írd be a Youtube video URL-jét vagy azonosítóját', + 'Insert a Quote': 'Idézet beszúrása', + 'Invalid YouTube video': 'Érvénytelen Youtube link', + + dateFormat: 'year.month.day.' + }; +})(); diff --git a/public/assets/languages/id.js b/public/assets/languages/id.js new file mode 100644 index 0000000..3ee7783 --- /dev/null +++ b/public/assets/languages/id.js @@ -0,0 +1,68 @@ +/** + * @author Sandy Irawan (sndbkct@gmail.com) + * @license [MIT](http://www.opensource.org/licenses/mit-license.php) + */ +(function () { + 'use strict'; + + sceditor.locale['id'] = { + 'Bold': 'Tebal', + 'Italic': 'Miring', + 'Underline': 'Garis Bawah', + 'Strikethrough': 'Coret', + 'Subscript': 'Tulisan dibawah garis', + 'Superscript': 'Tulisan diatas garis', + 'Align left': 'Rata Kiri', + 'Center': 'Rata Tengah', + 'Align right': 'Rata Kanan', + 'Justify': 'Rata Kanan-Kiri', + 'Font Name': 'Nama Fon', + 'Font Size': 'Ukuran Fon', + 'Font Color': 'Warna Fon', + 'Remove Formatting': 'Hapus Format', + 'Cut': 'Potong', + 'Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X': 'Browser Anda tidak memungkinkan perintah cut. Silakan gunakan shortcut keyboard Ctrl / Cmd-X ', + 'Copy': 'Salin', + 'Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C': 'Browser Anda tidak memungkinkan perintah copy. Silakan gunakan shortcut keyboard Ctrl / Cmd-C ', + 'Paste': 'Rekatkan', + 'Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V': 'Browser Anda tidak memungkinkan perintah paste. Silakan gunakan shortcut keyboard Ctrl / Cmd-V ', + 'Paste your text inside the following box:': 'Rekatkan teks Anda dalam kotak berikut:', + 'Paste Text': 'Rekatkan Teks', + 'Bullet list': 'Daftar Bullet', + 'Numbered list': 'Daftar Nomor', + 'Undo': 'Kembalikan', + 'Redo': 'Ulangi', + 'Rows:': 'Baris', + 'Cols:': 'Kolom', + 'Insert a table': 'Sisipkan sebuah tabel', + 'Insert a horizontal rule': 'Sisipkan aturan horisontal', + 'Code': 'Kode', + 'Width (optional):': 'Lebar (opsional)', + 'Height (optional):': 'Tinggi (opsional)', + 'Insert an image': 'Sisipkan Gambar', + 'E-mail:': 'Surel', + 'Insert an email': 'Sisipkan surel', + 'URL:': 'URL', + 'Insert a link': 'Sisipkan link', + 'Unlink': 'Buang Link', + 'More': 'Lainnya', + 'Insert an emoticon': 'Sisipkan emotikon', + 'Video URL:': 'URL Video', + 'Insert': 'Sisipkan', + 'Insert a YouTube video': 'Sisipkan video Youtube', + 'Insert current date': 'Sisipkan tanggal sekarang', + 'Insert current time': 'Sisipkan waktu sekarang', + 'Print': 'Print', + 'View source': 'Lihat sumber', + 'Description (optional):': 'Deskripsi (opsional)', + 'Enter the image URL:': 'Masukkan URL gambar', + 'Enter the e-mail address:': 'Masukkan alamat surel', + 'Enter the displayed text:': 'Masukkan teks yang ditampilkan', + 'Enter URL:': 'Masukkan URL', + 'Enter the YouTube video URL or ID:': 'Masukkan URL video YouTube atau ID', + 'Insert a Quote': 'Sisipkan kutipan', + 'Invalid YouTube video': 'Video YouTube yang tidak valid', + + dateFormat: 'day-month-year' + }; +})(); diff --git a/public/assets/languages/it.js b/public/assets/languages/it.js new file mode 100644 index 0000000..b37fcc4 --- /dev/null +++ b/public/assets/languages/it.js @@ -0,0 +1,72 @@ +/** + * @author + * @author Gianluca Guazzo + * @license [MIT](http://www.opensource.org/licenses/mit-license.php) + */ +(function () { + 'use strict'; + + sceditor.locale['it-IT'] = { + 'Bold': 'Grassetto', + 'Italic': 'Corsivo', + 'Underline': 'Sottolineato', + 'Strikethrough': 'Barrato', + 'Subscript': 'Pedice', + 'Superscript': 'Apice', + 'Align left': 'Allinea a sinistra', + 'Center': 'Centrato', + 'Align right': 'Allinea a destra', + 'Justify': 'Giustificato', + 'Font Name': 'Nome carattere', + 'Font Size': 'Dimensione carattere', + 'Font Color': 'Colore carattere', + 'Remove Formatting': 'Rimuovi formattazione', + 'Cut': 'Taglia', + 'Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X': 'Il tuo browser non permette il comando Taglia. Usa per favore la scorciatoia da tastiera Ctrl/Cmd-X', + 'Copy': 'Copia', + 'Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C': 'Il tuo browser non permette il comando Copia. Usa per favore la scorciatoia da tastiera Ctrl/Cmd-C', + 'Paste': 'Incolla', + 'Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V': 'Il tuo browser non permette il comando Incolla. Usa per favore la scorciatoia da tastiera Ctrl/Cmd-V', + 'Paste your text inside the following box:': 'Incolla il tuo testo dentro il seguente riquadro', + 'Paste Text': 'Incolla Testo', + 'Bullet list': 'Elenco puntato', + 'Numbered list': 'Elenco numerato', + 'Undo': 'Annulla', + 'Redo': 'Ripeti', + 'Rows:': 'Righe:', + 'Cols:': 'Colonne:', + 'Insert a table': 'Inserisci una tabella', + 'Insert a horizontal rule': 'Inserisci riga orizzontale', + 'Code': 'Codice', + 'Width (optional):': 'Larghezza(opzionale):', + 'Height (optional):': 'Altezza(opzionale):', + 'Insert an image': 'Inserisci un\'immagine', + 'E-mail:': 'E-mail:', + 'Insert an email': 'Inserisci una email', + 'URL:': 'URL:', + 'Insert a link': 'Inserisci collegamento(link):', + 'Unlink': 'Togli collegamento(link):', + 'More': 'Di più', + 'Insert an emoticon': 'Inserisci una emoticon', + 'Video URL:': 'URL del video', + 'Insert': 'Inserisci', + 'Insert a YouTube video': 'Inserisci un video YouTube', + 'Insert current date': 'Inserisci data corrente', + 'Insert current time': 'Inserisci ora corrente', + 'Print': 'Stampa', + 'View source': 'Vedi codice sorgente', + 'Description (optional):': 'Descrizione (opzionale):', + 'Enter the image URL:': 'Inserisci URL dell\'immagine', + 'Enter the e-mail address:': 'Inserisci indirizzo email', + 'Enter the displayed text:': 'Inserisci testo visualizzato', + 'Enter URL:': 'Inserisci URL', + 'Enter the YouTube video URL or ID:': 'Inserisci URL o ID video di YouTube', + 'Insert a Quote': 'Inserisci una citazione', + 'Invalid YouTube video': 'Video YouTube invalido', + + dateFormat: 'day-month-year' + }; + + // Set as the default Italian locale + sceditor.locale['it'] = sceditor.locale['it-IT']; +})(); diff --git a/public/assets/languages/ja.js b/public/assets/languages/ja.js new file mode 100644 index 0000000..c036d6e --- /dev/null +++ b/public/assets/languages/ja.js @@ -0,0 +1,71 @@ +/** + * @author + * @license [MIT](http://www.opensource.org/licenses/mit-license.php) + */ +(function () { + 'use strict'; + + sceditor.locale['ja'] = { + 'Bold': '太字', + 'Italic': '斜字', + 'Underline': '下線', + 'Strikethrough': '取り消し線', + 'Subscript': '下付き文字', + 'Superscript': '上付き文字', + 'Align left': '左揃え', + 'Center': '中央揃え', + 'Align right': '右揃え', + 'Justify': '均等揃え', + 'Font Name': 'フォント名', + 'Font Size': 'フォントサイズ', + 'Font Color': 'フォントの色', + 'Remove Formatting': '書式解除', + 'Cut': '切り取り', + 'Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X': 'お使いのブラウザではカットコマンドを許可されていません。 キーボードショートカットの Ctrl/Cmd-X をお使いください。', + 'Copy': 'コピー', + 'Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C': 'お使いのブラウザではコピーコマンドを許可されていません。 キーボードショートカットの Ctrl/Cmd-C をお使いください。', + 'Paste': '貼り付け', + 'Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V': 'お使いのブラウザでは貼り付けコマンドを許可されていません。 キーボードショートカットの Ctrl/Cmd-V をお使いください。', + 'Paste your text inside the following box:': '以下にテキストを貼り付けてください。', + 'Paste Text': 'テキストを貼り付け', + 'Bullet list': '箇条書き', + 'Numbered list': '段落番号', + 'Undo': '元に戻す', + 'Redo': 'やり直す', + 'Rows:': '行数', + 'Cols:': '列数', + 'Insert a table': '表を挿入', + 'Insert a horizontal rule': '水平線を挿入', + 'Code': 'コード', + 'Width (optional):': '幅 (オプション)', + 'Height (optional):': '高さ (オプション)', + 'Insert an image': '画像を挿入', + 'E-mail:': 'メールアドレス', + 'Insert an email': 'メールアドレスを挿入', + //'URL:': ', + 'Insert a link': 'リンクを挿入', + 'Unlink': 'リンクを解除', + //'More': ', + 'Insert an emoticon': '顔文字を挿入', + 'Video URL:': '動画URL', + 'Insert': '挿入', + 'Insert a YouTube video': 'Youtubeを挿入', + 'Insert current date': '現在の日付を挿入', + 'Insert current time': '現在の時間を挿入', + 'Print': '印刷', + 'View source': 'ソースを表示', + 'Description (optional):': '説明 (オプション)', + 'Enter the image URL:': '画像URLを入力してください。', + 'Enter the e-mail address:': 'メールアドレスを入力してください。', + 'Enter the displayed text:': '表示テキストを入力してください。', + 'Enter URL:': 'URLを入力してください。', + 'Enter the YouTube video URL or ID:': 'Youtubeの動画URLまたはIDを入力してください。', + 'Insert a Quote': '引用を挿入', + 'Invalid YouTube video': '不正なYoutube動画', + 'Left-to-Right': '左から右へ', + 'Right-to-Left': '右から左へ', + 'Maximize': '最大化', + + dateFormat: 'year-month-day' + }; +})(); diff --git a/public/assets/languages/lt.js b/public/assets/languages/lt.js new file mode 100644 index 0000000..708e83f --- /dev/null +++ b/public/assets/languages/lt.js @@ -0,0 +1,68 @@ +/** + * @author Team from www.klaustukai.lt + * @license [MIT](http://www.opensource.org/licenses/mit-license.php) + */ +(function () { + 'use strict'; + + sceditor.locale['lt'] = { + 'Bold': 'Paryškintas', + 'Italic': 'Pasvirasis', + 'Underline': 'Pabraukti', + 'Strikethrough': 'Perbraukti', + 'Subscript': 'Parašyti sumažintas raides po žodžio', + 'Superscript': 'Parašyti sumažintas raides virš žodžio', + 'Align left': 'Kairysis lygiavimas', + 'Center': 'Centrinis lygiavimas', + 'Align right': 'Dešinysis lygiavimas', + 'Justify': 'Išlygintas tekstas', + 'Font Name': 'Šrifto pavadinimas', + 'Font Size': 'Šrifto dydis', + 'Font Color': 'Šrifto spalva', + 'Remove Formatting': 'Panaikinti teksto formatavimą', + 'Cut': 'Iškirpti', + 'Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X': 'Jūsų paieškos sistema neleidžia atlikti šios funkcijos. Norėdami iškirpti spauskite Ctrl/Cmd-x', + 'Copy': 'Kopijuoti', + 'Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C': 'Jūsų paieškos sistema neleidžia atlikti šios komandos. Norėdami nukopijuoti spauskite Ctrl/Cmd - C', + 'Paste': 'Įklijuoti', + 'Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V': 'Jūsų paieškos sistema neleidžia atlikti šios komandos. Norėdami įklijuoti spauskite Ctrl/Cmd - V', + 'Paste your text inside the following box:': 'Įklijuokite tekstą nurodytoje vietoje', + 'Paste Text': 'Įklijuoti tekstą', + 'Bullet list': 'Sugrupuotas sąrašas', + 'Numbered list': 'Sunumeruotas sąrašas', + 'Undo': 'panaikinti', + 'Redo': 'atitaisyti', + 'Rows:': 'Eilutės', + 'Cols:': 'Stulpeliai', + 'Insert a table': 'Įterpti lentelę', + 'Insert a horizontal rule': 'Įterpti horizontalią liniją', + 'Code': 'Šalies kodas', + 'Width (optional):': 'plotis (laisvai pasirenkamas)', + 'Height (optional):': 'aukštis (laisvai pasirenkamas)', + 'Insert an image': 'Įterpti nuotrauką', + 'E-mail:': 'Elektroninis paštas', + 'Insert an email': 'Įterpti elktroninio pašto nuorodą', + 'URL:': 'Internetinės svetainės adresas:', + 'Insert a link': 'Įterpti nuorodą', + 'Unlink': 'Atjungti', + 'More': 'Daugiau', + 'Insert an emoticon': 'Įterpti šypsenėlę', + 'Video URL:': 'Vaizdo klipo nuoroda', + 'Insert': 'Įterpti', + 'Insert a YouTube video': 'Įterpti Youtube vaizdo klipą', + 'Insert current date': 'Įterpti esamą datą (diena-mėnuo-metai)', + 'Insert current time': 'Įterpti esamą laiką', + 'Print': 'Atspausdinti', + 'View source': 'Peržiūrėti šaltinį', + 'Description (optional):': 'Aprašymas (laisvai pasirenkamas)', + 'Enter the image URL:': 'Įterpti nuotraukos adresą', + 'Enter the e-mail address:': 'Įterpti elektroninio pašto adresą', + 'Enter the displayed text:': 'Įvesti pavaizduotą tekstą', + 'Enter URL:': 'Įvesti internetinį adresą', + 'Enter the YouTube video URL or ID:': 'Įrašykite Youtube vaizdo klipo nuorodą ar ID', + 'Insert a Quote': 'Įterpti citatą', + 'Invalid YouTube video': 'YouTube vaizdo įrašas neveikia', + + dateFormat: 'year-month-day' + }; +})(); diff --git a/public/assets/languages/nb.js b/public/assets/languages/nb.js new file mode 100644 index 0000000..f58fda7 --- /dev/null +++ b/public/assets/languages/nb.js @@ -0,0 +1,70 @@ +/** + * @author Katrine + * @license [MIT](http://www.opensource.org/licenses/mit-license.php) + */ +(function () { + 'use strict'; + + sceditor.locale['nb-NO'] = { + 'Bold': 'Fet', + 'Italic': 'Kursiv', + 'Underline': 'Understrek', + 'Strikethrough': 'Gjennomstrek', + 'Subscript': 'Senket', + 'Superscript': 'Hevet', + 'Align left': 'Sidestill til venstre', + 'Center': 'Midstill', + 'Align right': 'Sidestill til høyre', + 'Justify': 'Normalt oppstilt', + 'Font Name': 'Skriftype', + 'Font Size': 'Skriftstørrelse', + 'Font Color': 'skriftfarge', + 'Remove Formatting': 'Fjern formatering', + 'Cut': 'Klipp', + 'Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X': 'Nettleseren din kan ikke utføre klippe kommandoen. Vennligst bruk hurtigtasten Ctrl / Cmd-X', + 'Copy': 'Kopier', + 'Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C': 'Nettleseren din kan ikke utføre kopier kommandoen. Vennligst bruk hurtigtasten Ctrl / Cmd-C', + 'Paste': 'Lim', + 'Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V': 'Nettleseren din kan ikke utføre lime kommandoen. Vennligst bruk hurtigtasten Ctrl / Cmd-V', + 'Paste your text inside the following box:': 'Lim inn teksten i den følgende boksen:', + 'Paste Text': 'Lim inn tekst', + 'Bullet list': 'Bullet liste', + 'Numbered list': 'Nummerert liste', + 'Undo': 'Angre', + 'Redo': 'Gjør på nytt', + 'Rows:': 'Rader', + 'Cols:': 'Kolonner', + 'Insert a table': 'Sett inn en tabell', + 'Insert a horizontal rule': 'Sett en horisontal regel', + 'Code': 'Kode', + 'Width (optional):': 'Bredde (valgfritt):', + 'Height (optional):': 'Høyde (valgfritt):', + 'Insert an image': 'Sett inn et bilde', + 'E-mail:': 'E-post', + 'Insert an email': 'Sett inn en e-post', + 'URL:': 'URL:', + 'Insert a link': 'Sett inn en lenke', + 'Unlink': 'Oppheve tilknytningen', + 'More': 'Mer', + 'Insert an emoticon': 'Sett inn et uttrykksikon', + 'Video URL:': 'Video URL', + 'Insert': 'Sett inn', + 'Insert a YouTube video': 'Sett inn en YouTube-video', + 'Insert current date': 'Sett inn gjeldende dato', + 'Insert current time': 'Sett inn gjeldende klokkeslett', + 'Print': 'Skriv ut', + 'View source': 'Vis kildekode', + 'Description (optional):': 'Beskrivelse (valgfritt):', + 'Enter the image URL:': 'Skriv inn bildet\'s URL:', + 'Enter the e-mail address:': 'Skriv inn e-postadresse:', + 'Enter the displayed text:': 'Skriv inn teksten som vises:', + 'Enter URL:': 'Skriv inn URL adresse:', + 'Enter the YouTube video URL or ID:': 'Angi YouTube video link eller ID:', + 'Insert a Quote': 'Sett inn sitat', + 'Invalid YouTube video': 'Ugyldig Youtube video', + + dateFormat: 'day.month.year' + }; + + sceditor.locale['nb'] = sceditor.locale['nb-NO']; +})(); diff --git a/public/assets/languages/nl.js b/public/assets/languages/nl.js new file mode 100644 index 0000000..64eaa80 --- /dev/null +++ b/public/assets/languages/nl.js @@ -0,0 +1,57 @@ +(function () { + 'use strict'; + + sceditor.locale['nl'] = { + 'Bold': 'Vet', + 'Italic': 'Schuingedrukt', + 'Underline': 'Onderstreept', + 'Strikethrough': 'Doorhalen', + 'Subscript': 'Subscript', + 'Superscript': 'Superscript', + 'Align left': 'Links uitlijnen', + 'Center': 'Centreren', + 'Align right': 'Rechts uitlijnen', + 'Justify': 'Uitvullen', + 'Font Name': 'Fontnaam', + 'Font Size': 'Fontgrootte', + 'Font Color': 'Fontkleur', + 'Remove Formatting': 'Verwijder opmaak', + 'Cut': 'Knippen', + 'Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X': 'Je browser staat het knippen commando niet toe. Gebruik de toetsenbord sneltoets Ctrl / Cmd-X', + 'Copy': 'Kopiëren', + 'Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C': 'Je browser staat het kopieer commando niet toe. Gebruik de toetsenbord sneltoets Ctrl / Cmd-C', + 'Paste': 'Plakken', + 'Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V': 'Je browser staat het plakken commando niet toe. Gebruik de toetsenbord sneltoets Ctrl / Cmd-V', + 'Paste your text inside the following box:': 'Plak je tekst in de volgende locatie:', + 'Paste Text': 'Tekst plakken', + 'Bullet list': 'Opsomming', + 'Numbered list': 'Genummerde lijst', + 'Undo': 'Ongedaan maken', + 'Redo': 'Opnieuw uitvoeren', + 'Rows:': 'Rijen', + 'Cols:': 'Kolommen', + 'Insert a table': 'Tabel', + 'Insert a horizontal rule': 'Horizontale regel', + 'Code': 'Code', + 'Insert a Quote': 'Citeren', + 'Width (optional):': 'Breedte (optioneel):', + 'Height (optional):': 'Hoogte (optioneel):', + 'Insert an image': 'Afbeelding', + 'E-mail:': 'E-mail', + 'Insert an email': 'E-mail', + 'URL:': 'URL:', + 'Insert a link': 'Link', + 'Unlink': 'Link verwijderen', + 'More': 'Meer', + 'Insert an emoticon': 'Emoticon', + 'Video URL:': 'Video URL', + 'Insert': 'Invoegen', + 'Insert a YouTube video': 'YouTube-video', + 'Insert current date': 'Huidige datum', + 'Insert current time': 'Huidige tijd', + 'Print': 'Print', + 'View source': 'Bron bekijken', + + dateFormat: 'day.month.year' + }; +})(); diff --git a/public/assets/languages/pl.js b/public/assets/languages/pl.js new file mode 100644 index 0000000..dabba36 --- /dev/null +++ b/public/assets/languages/pl.js @@ -0,0 +1,68 @@ +/** + * @author + * @license [MIT](http://www.opensource.org/licenses/mit-license.php) + */ +(function () { + 'use strict'; + + sceditor.locale['pl'] = { + 'Bold': 'Pogrubienie', + 'Italic': 'Kursywa', + 'Underline': 'Podkreślenie', + 'Strikethrough': 'Przekreślenie', + 'Subscript': 'Indeks dolny', + 'Superscript': 'Indeks górny', + 'Align left': 'Do lewej', + 'Center': 'Do środka', + 'Align right': 'Do prawej', + 'Justify': 'Wyjustowanie', + 'Font Name': 'Krój czcionki', + 'Font Size': 'Rozmiar czcionki', + 'Font Color': 'Kolor czcionki', + 'Remove Formatting': 'Usuń formatowanie', + 'Cut': 'Wytnij', + 'Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X': 'Twoja przeglądarka nie obsługuje opcji wycinania. Użyj skrótu klawiszowego Cmd/Ctrl + X', + 'Copy': 'Skopiuj', + 'Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C': 'Twoja przeglądarka nie obsługuje opcji kopiowania. Użyj skrótu klawiszowego Cmd/Ctrl + C', + 'Paste': 'Wklej', + 'Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V': 'Twoja przeglądarka nie obsługuje opcji wklejania. Użyj skrótu klawiszowego Cmd/Ctrl + V', + 'Paste your text inside the following box:': 'Wklej swój tekst do tego pola:', + 'Paste Text': 'Wklej tekst', + 'Bullet list': 'Wypunktowanie', + 'Numbered list': 'Lista numerowana', + 'Undo': 'Cofnij', + 'Redo': 'Powtórz', + 'Rows:': 'Wiersze:', + 'Cols:': 'Kolumny:', + 'Insert a table': 'Wstaw tabelę', + 'Insert a horizontal rule': 'Wstaw linię poziomą', + 'Code': 'Kod', + 'Width (optional):': 'Szerokość (opcjonalnie)', + 'Height (optional):': 'Wysokość (opcjonalnie)', + 'Insert an image': 'Wstaw obrazek', + 'E-mail:': 'E-mail', + 'Insert an email': 'Wstaw e-mail', + 'URL:': 'URL', + 'Insert a link': 'Wstaw odnośnik', + 'Unlink': 'Usuń odnośnik', + 'More': 'Więcej', + 'Insert an emoticon': 'Wstaw emotikonę', + 'Video URL:': 'URL do filmu', + 'Insert': 'Wstaw', + 'Insert a YouTube video': 'Wstaw film YouTube', + 'Insert current date': 'Wstaw aktualną datę', + 'Insert current time': 'Wstaw aktualny czas', + 'Print': 'Drukuj', + 'View source': 'Pokaż źródło', + 'Description (optional):': 'Opis (opcjonalny)', + 'Enter the image URL:': 'Wstaw URL do obrazka', + 'Enter the e-mail address:': 'Wpisz adres e-mail', + 'Enter the displayed text:': 'Wpisz wyświetlony tekst', + 'Enter URL:': 'Wpisz adres URL', + 'Enter the YouTube video URL or ID:': 'Wpisz adres URL lub ID filmu na YouTube', + 'Insert a Quote': 'Wstaw cytat', + 'Invalid YouTube video': 'Nieprawidłowy film YouTube', + + dateFormat: 'day-month-year' + }; +})(); diff --git a/public/assets/languages/pt-BR.js b/public/assets/languages/pt-BR.js new file mode 100644 index 0000000..f21f134 --- /dev/null +++ b/public/assets/languages/pt-BR.js @@ -0,0 +1,67 @@ +/** +* @author martec +* @license [MIT](http://www.opensource.org/licenses/mit-license.php) +*/ +(function () { + 'use strict'; + + sceditor.locale['pt-BR'] = { + 'Bold': 'Negrito', + 'Italic': 'Itálico', + 'Underline': 'Sublinhado', + 'Strikethrough': 'Rasurado', + 'Subscript': 'Subscrito', + 'Superscript': 'Sobrescrito ', + 'Align left': 'Alinhar à esquerda', + 'Center': 'Centralizar', + 'Align right': 'Alinhar à direita', + 'Justify': 'Justificar', + 'Font Name': 'Nome da fonte', + 'Font Size': 'Tamanho da fonte', + 'Font Color': 'Cor da fonte', + 'Remove Formatting': 'Remover a formatação', + 'Cut': 'Recortar', + 'Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X': 'Seu navegador não permite o comando recortar. Favor use o atalho Ctrl/Cmd-X', + 'Copy': 'Copiar', + 'Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C': 'Seu navegador não permite o comando copiar. Favor use o atalho Ctrl/Cmd-C', + 'Paste': 'Colar', + 'Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V': 'Seu navegador não permite o comando colar. Favor use o atalho Ctrl/Cmd-V', + 'Paste your text inside the following box:': 'Cole o seu texto dentro da caixa de texto a seguir:', + 'Paste Text': 'Colar o texto', + 'Bullet list': 'Lista com marcadores', + 'Numbered list': 'Lista numérica', + 'Undo': 'Desfazer', + 'Redo': 'Refazer', + 'Rows:': 'Linhas:', + 'Cols:': 'Colunas:', + 'Insert a table': 'Inserir uma tabela', + 'Insert a horizontal rule': 'Inserir uma linha horizontal', + 'Code': 'Código', + 'Width (optional):': 'Largura (opcional):', + 'Height (optional):': 'Altura (opcional):', + 'Insert an image': 'Inserir uma imagem', + 'E-mail:': 'E-mail:', + 'Insert an email': 'Inserir um e-mail', + 'URL:': 'URL:', + 'Insert a link': 'Inserir um hiperlink', + 'Unlink': 'Remover o hiperlink', + 'More': 'Mais', + 'Insert an emoticon': 'Inserir um emoticon', + 'Video URL:': 'Video URL:', + 'Insert': 'Inserir', + 'Insert a YouTube video': 'Inserir YouTube video', + 'Insert current date': 'Inserir a data atual', + 'Insert current time': 'Inserir a hora atual', + 'Print': 'Imprimir', + 'View source': 'Fonte', + 'Description (optional):': 'Descrição (opcional):', + 'Enter the image URL:': 'Informe o endereço URL da imagem:', + 'Enter the e-mail address:': 'Informe o endereço de e-mail:', + 'Enter the displayed text:': 'Digite o texto exibido:', + 'Enter URL:': 'Informe o endereço URL:', + 'Enter the YouTube video URL or ID:': 'Informe o endereço URL ou ID do YouTube:', + 'Insert a Quote': 'Inserir uma citação', + 'Invalid YouTube video': 'Vídeo do YouTube inválido', + dateFormat: 'day-month-year' + }; +})(); diff --git a/public/assets/languages/pt.js b/public/assets/languages/pt.js new file mode 100644 index 0000000..d854515 --- /dev/null +++ b/public/assets/languages/pt.js @@ -0,0 +1,69 @@ +/** +* @author brunoais +* @license [MIT](http://www.opensource.org/licenses/mit-license.php) +*/ +(function () { + 'use strict'; + + sceditor.locale['pt-PT'] = { + 'Bold': 'Negrito', + 'Italic': 'Itálico', + 'Underline': 'Sublinhado', + 'Strikethrough': 'Rasurado', + 'Subscript': 'Subscrito', + 'Superscript': 'Sobrescrito ', + 'Align left': 'Alinhar à esquerda', + 'Center': 'Centrar', + 'Align right': 'Alinhar à direita', + 'Justify': 'Justificar', + 'Font Name': 'Nome da fonte', + 'Font Size': 'Tamanho da fonte', + 'Font Color': 'Cor da fonte', + 'Remove Formatting': 'Remover a formatação', + 'Cut': 'Cortar', + 'Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X': 'Seu navegador não permite o comando cortar. Por favor use o atalho Ctrl/Cmd-X', + 'Copy': 'Copiar', + 'Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C': 'Seu navegador não permite o comando copiar. Por favor use o atalho Ctrl/Cmd-C', + 'Paste': 'Colar', + 'Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V': 'Seu navegador não permite o comando colar. Por favor use o atalho Ctrl/Cmd-V', + 'Paste your text inside the following box:': 'Cole o seu texto dentro da caixa de texto a seguir:', + 'Paste Text': 'Colar o texto', + 'Bullet list': 'Lista com marcadores', + 'Numbered list': 'Lista numérica', + 'Undo': 'Desfazer', + 'Redo': 'Refazer', + 'Rows:': 'Linhas:', + 'Cols:': 'Colunas:', + 'Insert a table': 'Inserir uma tabela', + 'Insert a horizontal rule': 'Inserir uma linha horizontal', + 'Code': 'Código', + 'Width (optional):': 'Largura (opcional):', + 'Height (optional):': 'Altura (opcional):', + 'Insert an image': 'Inserir uma imagem', + 'E-mail:': 'E-mail:', + 'Insert an email': 'Inserir um e-mail', + 'URL:': 'URL:', + 'Insert a link': 'Inserir um hiperlink', + 'Unlink': 'Remover o hiperlink', + 'More': 'Mais', + 'Insert an emoticon': 'Inserir um emoticon', + 'Video URL:': 'Video URL:', + 'Insert': 'Inserir', + 'Insert a YouTube video': 'Inserir YouTube video', + 'Insert current date': 'Inserir a data atual', + 'Insert current time': 'Inserir a hora atual', + 'Print': 'Imprimir', + 'View source': 'Código fonte', + 'Description (optional):': 'Descrição (opcional):', + 'Enter the image URL:': 'Introduza o endereço URL da imagem:', + 'Enter the e-mail address:': 'Introduza o endereço de e-mail:', + 'Enter the displayed text:': 'Indique o texto exibido:', + 'Enter URL:': 'Introduza o endereço URL:', + 'Enter the YouTube video URL or ID:': 'Introduza o endereço URL ou o ID do video do YouTube:', + 'Insert a Quote': 'Inserir uma citação', + dateFormat: 'day/month/year' + }; + + // Set as the default Portuguese locale + sceditor.locale['pt'] = sceditor.locale['pt-PT']; +})(); diff --git a/public/assets/languages/ru.js b/public/assets/languages/ru.js new file mode 100644 index 0000000..f771e9e --- /dev/null +++ b/public/assets/languages/ru.js @@ -0,0 +1,57 @@ +(function () { + 'use strict'; + + sceditor.locale['ru'] = { + 'Bold': 'Жирный', + 'Italic': 'Курсив', + 'Underline': 'Подчёркнутый', + 'Strikethrough': 'Зачёркнутый', + 'Subscript': 'Нижний индекс', + 'Superscript': 'Верхний индекс', + 'Align left': 'Выравнивание по левому краю', + 'Center': 'Выравнивание по центру', + 'Align right': 'Выравнивание по правому краю', + 'Justify': 'Выравнивание по обоим краям', + 'Font Name': 'Шрифт', + 'Font Size': 'Размер шрифта', + 'Font Color': 'Цвет шрифта', + 'Remove Formatting': 'Удалить форматирование', + 'Cut': 'Вырезать', + 'Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X': 'Ваш браузер не позволяет выполнять эту команду. Пожалуйста, используйте сочетание клавиш Ctrl / Cmd-X', + 'Copy': 'Копировать', + 'Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C': 'Ваш браузер не позволяет выполнять эту команду. Пожалуйста, используйте сочетание клавиш Ctrl / Cmd-C', + 'Paste': 'Выставить', + 'Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V': 'Ваш браузер не позволяет выполнять эту команду. Пожалуйста, используйте сочетание клавиш Ctrl / Cmd-V', + 'Paste your text inside the following box:': 'Вставьте текст в следующее окно:', + 'Paste Text': 'Вставить текст', + 'Bullet list': 'Маркированный список', + 'Numbered list': 'Нумерованный список', + 'Undo': 'Отменить', + 'Redo': 'Повторить', + 'Rows:': 'Строки', + 'Cols:': 'Столбцы', + 'Insert a table': 'Таблица', + 'Insert a horizontal rule': 'Горизонтальная линия', + 'Code': 'Код', + 'Insert a Quote': 'Цитата', + 'Width (optional):': 'Ширина (необязательно):', + 'Height (optional):': 'Высота (необязательно):', + 'Insert an image': 'Изображение', + 'E-mail:': 'E-mail', + 'Insert an email': 'E-mail', + 'URL:': 'URL:', + 'Insert a link': 'Ссылка', + 'Unlink': 'Удалить ссылку', + 'More': 'Больше', + 'Insert an emoticon': 'Смайлы', + 'Video URL:': 'Видео URL', + 'Insert': 'Вставить', + 'Insert a YouTube video': 'YouTube-видео', + 'Insert current date': 'Текущая дата', + 'Insert current time': 'Текущее время', + 'Print': 'Распечатать', + 'View source': 'Показать код', + 'Maximize': 'Развернуть', + dateFormat: 'day.month.year' + }; +})(); diff --git a/public/assets/languages/sv.js b/public/assets/languages/sv.js new file mode 100644 index 0000000..eae0442 --- /dev/null +++ b/public/assets/languages/sv.js @@ -0,0 +1,58 @@ +(function () { + 'use strict'; + + sceditor.locale['sv-SE'] = { + 'Bold': 'Fet', + 'Italic': 'Kursiv', + 'Underline': 'Understruken', + 'Strikethrough': 'Genomstruken', + 'Subscript': 'Nersänkt', + 'Superscript': 'Upphöjt', + 'Align left': 'Vänsterställ', + 'Center': 'Centrera', + 'Align right': 'Högerställ', + 'Justify': 'Normalt oppstilt', + 'Font Name': 'Teckensnitt', + 'Font Size': 'Teckenstorlek', + 'Font Color': 'Teckenfärg', + 'Remove Formatting': 'Ta bort formatering', + 'Cut': 'Klipp ut', + 'Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X': 'Din webbläsare kan inte utföra kommandot. Vänligen använd kortkommando Ctrl / Cmd-X', + 'Copy': 'Kopiera', + 'Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C': 'Din webbläsare kan inte utföra kommandot. Vänligen använd kortkommando Ctrl / Cmd-C', + 'Paste': 'Klista in', + 'Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V': 'Din webbläsare kan inte utföra kommandot. Vänligen använd kortkommando Ctrl / Cmd-V', + 'Paste your text inside the following box:': 'Klistra in din text i rutan:', + 'Paste Text': 'Klistra in text', + 'Bullet list': 'Lista', + 'Numbered list': 'Numrerad lista', + 'Undo': 'Ångra', + 'Redo': 'Gör om', + 'Rows:': 'Rader', + 'Cols:': 'Kolumner', + 'Insert a table': 'Infoga tabell', + 'Insert a horizontal rule': 'Infoga skiljestreck', + 'Code': 'Kod', + 'Width (optional):': 'Bredd (valfritt):', + 'Height (optional):': 'Höjd (valfritt):', + 'Insert an image': 'Infoga bild', + 'E-mail:': 'E-post', + 'Insert an email': 'Infoga e-post', + 'URL:': 'URL:', + 'Insert a link': 'Infoga länk', + 'Unlink': 'Ta bort länk', + 'More': 'Mer', + 'Insert an emoticon': 'Infoga smiley', + 'Video URL:': 'Video URL', + 'Insert': 'Infoga', + 'Insert a YouTube video': 'Infoga YouTube-video', + 'Insert current date': 'Infoga dagens datum', + 'Insert current time': 'Infoga nuvarande tid', + 'Print': 'Skriv ut', + 'View source': 'Visa källkod', + 'Description (optional):': 'Beskrivning (valfritt):', + dateFormat: 'year-month-day' + }; + + sceditor.locale['sv'] = sceditor.locale['sv-SE']; +})(); diff --git a/public/assets/languages/template.js b/public/assets/languages/template.js new file mode 100644 index 0000000..befe1c3 --- /dev/null +++ b/public/assets/languages/template.js @@ -0,0 +1,75 @@ +/** + * @author + * @license [MIT](http://www.opensource.org/licenses/mit-license.php) + */ +(function () { + 'use strict'; + + // Replace with the language code, e.g. no, fr, en, ect. + sceditor.locale[''] = { + + // Original string is on the left, place the translation between + // the quotes on the right + 'Bold': '', + 'Italic': '', + 'Underline': '', + 'Strikethrough': '', + 'Subscript': '', + 'Superscript': '', + 'Align left': '', + 'Center': '', + 'Align right': '', + 'Justify': '', + 'Font Name': '', + 'Font Size': '', + 'Font Color': '', + 'Remove Formatting': '', + 'Cut': '', + 'Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X': '', + 'Copy': '', + 'Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C': '', + 'Paste': '', + 'Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V': '', + 'Paste your text inside the following box:': '', + 'Paste Text': '', + 'Bullet list': '', + 'Numbered list': '', + 'Undo': '', + 'Redo': '', + 'Rows:': '', + 'Cols:': '', + 'Insert a table': '', + 'Insert a horizontal rule': '', + 'Code': '', + 'Width (optional):': '', + 'Height (optional):': '', + 'Insert an image': '', + 'E-mail:': '', + 'Insert an email': '', + 'URL:': '', + 'Insert a link': '', + 'Unlink': '', + 'More': '', + 'Insert an emoticon': '', + 'Video URL:': '', + 'Insert': '', + 'Insert a YouTube video': '', + 'Insert current date': '', + 'Insert current time': '', + 'Print': '', + 'View source': '', + 'Description (optional):': '', + 'Enter the image URL:': '', + 'Enter the e-mail address:': '', + 'Enter the displayed text:': '', + 'Enter URL:': '', + 'Enter the YouTube video URL or ID:': '', + 'Insert a Quote': '', + 'Invalid YouTube video': '', + 'Drop files here': '', + + // month format, replace - with the date format separator and order in the + // order used + dateFormat: 'day-month-year' + }; +})(); diff --git a/public/assets/languages/tr.js b/public/assets/languages/tr.js new file mode 100644 index 0000000..325a2cc --- /dev/null +++ b/public/assets/languages/tr.js @@ -0,0 +1,66 @@ +/** + * @author Mahmut Yaman - iletisim@/m-yaman.com + * @license [MIT](http://www.opensource.org/licenses/mit-license.php) + */ +(function () { + 'use strict'; + sceditor.locale['tr'] = { + 'Bold': 'Kalın', + 'Italic': 'İtalik', + 'Underline': 'Altı çizgili', + 'Strikethrough': 'Üstü çizgili', + 'Subscript': 'Simge', + 'Superscript': 'Üstsimge', + 'Align left': 'Sola yasla', + 'Center': 'Ortala', + 'Align right': 'Sağa yasla', + 'Justify': 'Satır uzunluğuna ayarla', + 'Font Name': 'Yazı tipi', + 'Font Size': 'Yazı boyutu', + 'Font Color': 'Yazı rengi', + 'Remove Formatting': 'Biçimlendirmeyi temizle', + 'Cut': 'Kes', + 'Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X': 'Tarayıcınız kesme komutuna izin vermiyor. Lütfen Ctrl/Cmd-X klavye kısayolunu kullanın.', + 'Copy': 'Kopyala', + 'Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C': 'Tarayıcınız kopyalama komutuna izin vermiyor. Lütfen Ctrl/Cmd-C klavye kısayolunu kullanın.', + 'Paste': 'Yapıştır', + 'Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V': 'Tarayıcınız yapıştırma komutuna izin vermiyor. Lütfen Ctrl/Cmd-V klavye kısayolunu kullanın.', + 'Paste your text inside the following box:': 'Yazınızı bu kutucuğa yapıştırın:', + 'Paste Text': 'Metin Yapıştır', + 'Bullet list': 'Madde işaretli liste', + 'Numbered list': 'Numaralı liste', + 'Undo': 'Geri al', + 'Redo': 'Yinele', + 'Rows:': 'Sütun:', + 'Cols:': 'Kolon:', + 'Insert a table': 'Tablo ekle', + 'Insert a horizontal rule': 'Yatay ayraç ekle', + 'Code': 'Kod', + 'Width (optional):': 'Genişlik (opsiyonel):', + 'Height (optional):': 'Yükseklik (opsiyonel):', + 'Insert an image': 'Resim ekle', + 'E-mail:': 'E-posta:', + 'Insert an email': 'E-posta ekle', + 'URL:': 'URL:', + 'Insert a link': 'Bağlantı ekle', + 'Unlink': 'Bağlantıyı kaldır', + 'More': 'Daha fazla', + 'Insert an emoticon': 'Yüz ifadesi ekle', + 'Video URL:': 'Video URL:', + 'Insert': 'Ekle', + 'Insert a YouTube video': 'YouTube videosu ekle', + 'Insert current date': 'Şuanki tarihi ekle', + 'Insert current time': 'Şuanki saati ekle', + 'Print': 'Yazdır', + 'View source': 'Kaynağı görüntüle', + 'Description (optional):': 'Açıklama (opsiyonel):', + 'Enter the image URL:': 'Resim URL\'sini girin:', + 'Enter the e-mail address:': 'E-posta adresini girin:', + 'Enter the displayed text:': 'Görünecek yazıyı girin:', + 'Enter URL:': 'URL\'yi girin:', + 'Enter the YouTube video URL or ID:': 'YouTube video URL\'sini yada ID\'sini girin:', + 'Insert a Quote': 'Alıntı ekle', + 'Invalid YouTube video': 'Geçersiz YouTube videosu', + dateFormat: 'day-month-year' + }; +})(); diff --git a/public/assets/languages/tw.js b/public/assets/languages/tw.js new file mode 100644 index 0000000..8336912 --- /dev/null +++ b/public/assets/languages/tw.js @@ -0,0 +1,68 @@ +/** + * @author + * @license [MIT](http://www.opensource.org/licenses/mit-license.php) + */ +(function () { + 'use strict'; + + sceditor.locale['tw'] = { + 'Bold': '粗體', + 'Italic': '斜體', + 'Underline': '底線', + 'Strikethrough': '删除線', + 'Subscript': '下標', + 'Superscript': '上標', + 'Align left': '靠左對齊', + 'Center': '置中', + 'Align right': '靠右對齊', + 'Justify': '兩端對齊', + 'Font Name': '字形', + 'Font Size': '字體大小', + 'Font Color': '文字顏色', + 'Remove Formatting': '清除格式', + 'Cut': '剪下', + 'Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X': '您的瀏覽器不支持剪下命令，請使用快速键 Ctrl/Cmd-X', + 'Copy': '拷貝', + 'Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C': '您的瀏覽器不支持拷貝命令，請使用快速键 Ctrl/Cmd-C', + 'Paste': '貼上', + 'Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V': '您的瀏覽器不支持貼上命令，請使用快速键 Ctrl/Cmd-V', + 'Paste your text inside the following box:': '請在下面貼上您的文字', + 'Paste Text': '貼上纯文字', + 'Bullet list': '符號列表', + 'Numbered list': '编號列表', + 'Undo': '復原', + 'Redo': '重做', + 'Rows:': '行數', + 'Cols:': '列數', + 'Insert a table': '插入表格', + 'Insert a horizontal rule': '插入分隔線', + 'Code': '原始碼', + 'Width (optional):': '寬度(選填)', + 'Height (optional):': '高度(選填)', + 'Insert an image': '插入圖片', + 'E-mail:': 'Email', + 'Insert an email': '插入Email', + 'URL:': '網址', + 'Insert a link': '插入超鏈結', + 'Unlink': '取消超鏈結', + 'More': '更多', + 'Insert an emoticon': '插入表情符號', + 'Video URL:': '影片網址', + 'Insert': '插入', + 'Insert a YouTube video': '插入 YouTube 影片', + 'Insert current date': '插入目前日期', + 'Insert current time': '插入目前時間', + 'Print': '列印', + 'View source': '查看原始碼', + 'Description (optional):': '描述(選填)', + 'Enter the image URL:': '輸入圖片網址', + 'Enter the e-mail address:': '輸入 Email', + 'Enter the displayed text:': '輸入顯示文字', + 'Enter URL:': '輸入網址', + 'Enter the YouTube video URL or ID:': '輸入 YouTube 網址或影片编號', + 'Insert a Quote': '插入引用', + 'Invalid YouTube video': '無效的YouTube影片', + + dateFormat: 'year-month-day' + }; +})(); diff --git a/public/assets/languages/uk.js b/public/assets/languages/uk.js new file mode 100644 index 0000000..121f8c8 --- /dev/null +++ b/public/assets/languages/uk.js @@ -0,0 +1,57 @@ +(function () { + 'use strict'; + + sceditor.locale['uk'] = { + 'Bold': 'Жирний', + 'Italic': 'Курсив', + 'Underline': 'Підкреслений', + 'Strikethrough': 'Закреслений', + 'Subscript': 'Нижній індекс', + 'Superscript': 'Верхній індекс', + 'Align left': 'Вирівняти по лівому краю', + 'Center': 'Вирівняти по центру', + 'Align right': 'Вирівняти по правому краю', + 'Justify': 'Вирівняти по ширині', + 'Font Name': 'Шрифт', + 'Font Size': 'Розмір шрифту', + 'Font Color': 'Колір шрифту', + 'Remove Formatting': 'Видалити форматування', + 'Cut': 'Вирізати', + 'Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X': 'Ваш браузер не дозволяє виконати цю команду. Будь ласка, використовуйте комбінацію клавіш Ctrl/Cmd-X', + 'Copy': 'Копіювати', + 'Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C': 'Ваш браузер не дозволяє виконати цю команду. Будь ласка, використовуйте комбінацію клавіш Ctrl/Cmd-C', + 'Paste': 'Вставити', + 'Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V': 'Ваш браузер не дозволяє виконати цю команду. Будь ласка, використовуйте комбінацію клавіш Ctrl/Cmd-V', + 'Paste your text inside the following box:': 'Вставте текст у наступне вікно:', + 'Paste Text': 'Вставити текст', + 'Bullet list': 'Маркований список', + 'Numbered list': 'Нумерований список', + 'Undo': 'Відмінити', + 'Redo': 'Повторити', + 'Rows:': 'Рядків:', + 'Cols:': 'Cтовпців:', + 'Insert a table': 'Додати таблицю', + 'Insert a horizontal rule': 'Додати горизонтальну лінію', + 'Code': 'Код', + 'Insert a Quote': 'Додати цитату', + 'Width (optional):': 'Ширина (необов\'язково):', + 'Height (optional):': 'Висота (необов\'язково):', + 'Insert an image': 'Додати зображення', + 'E-mail:': 'E-mail:', + 'Insert an email': 'Додати E-mail', + 'URL:': 'URL:', + 'Insert a link': 'Додати посилання', + 'Unlink': 'Видалити посилання', + 'More': 'Більше', + 'Insert an emoticon': 'Додати смайлик', + 'Video URL:': 'URL відео:', + 'Insert': 'Вставити', + 'Insert a YouTube video': 'Додати відео з YouTube', + 'Insert current date': 'Додати дату', + 'Insert current time': 'Додати час', + 'Print': 'Надрукувати', + 'View source': 'Показати код', + 'Maximize': 'Розгорнути редактор', + dateFormat: 'day.month.year' + }; +})(); diff --git a/public/assets/languages/vi.js b/public/assets/languages/vi.js new file mode 100644 index 0000000..07d5bc8 --- /dev/null +++ b/public/assets/languages/vi.js @@ -0,0 +1,68 @@ +/** + * @author Chien + * @license [MIT](http://www.opensource.org/licenses/mit-license.php) + */ +(function () { + 'use strict'; + + sceditor.locale['vi'] = { + 'Bold': 'Đậm', + 'Italic': 'Nghiêng', + 'Underline': 'Gạch chân', + 'Strikethrough': 'Gạch giữa', + 'Subscript': 'Hệ số', + 'Superscript': 'Mũ', + 'Align left': 'Căn trái', + 'Center': 'Căn giữa', + 'Align right': 'Căn phải', + 'Justify': 'Căn đều', + 'Font Name': 'Phông chữ', + 'Font Size': 'Cỡ chữ', + 'Font Color': 'Màu chữ', + 'Remove Formatting': 'Xóa định dạng', + 'Cut': 'Cắt', + 'Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X': 'Trình duyệt không cho phép sử dụng lệnh Cut. Vui lòng sử dụng phím tắt Ctrl/Cmd-X', + 'Copy': 'Sao chép', + 'Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C': 'Trình duyệt không cho phép sử dụng lệnh Copy. Vui lòng sử dụng phím tắt Ctrl/Cmd-C', + 'Paste': 'Chép vào', + 'Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V': 'Trình duyệt không cho phép sử dụng lệnh Paste. Vui lòng sử dụng phím tắt Ctrl/Cmd-V', + 'Paste your text inside the following box:': 'Chép nội dung text vào khung sau', + 'Paste Text': 'Chép nội dung text', + 'Bullet list': 'Danh sách kiểu nốt', + 'Numbered list': 'Danh sách kiểu số', + 'Undo': 'Hủy bỏ', + 'Redo': 'Trở lại bước trước', + 'Rows:': 'Số dòng', + 'Cols:': 'Số cột', + 'Insert a table': 'Thêm bảng', + 'Insert a horizontal rule': 'Thêm thước ngang', + 'Code': 'Mã code', + 'Width (optional):': 'Dài (không bắt buộc)', + 'Height (optional):': 'Rộng (không bắt buộc)', + 'Insert an image': 'Chèn hình ảnh', + 'E-mail:': 'E-mail', + 'Insert an email': 'Chèn email', + 'URL:': 'Liên kết', + 'Insert a link': 'Chèn liên kết', + 'Unlink': 'Bỏ liên kết', + 'More': 'Xem thêm', + 'Insert an emoticon': 'Chèn biểu tượng', + 'Video URL:': 'Đường dẫn của Video', + 'Insert': 'Thêm vào', + 'Insert a YouTube video': 'Chèn Youtube', + 'Insert current date': 'Chèn ngày hiện tại', + 'Insert current time': 'Chèn thời gian hiện tại', + 'Print': 'In ấn', + 'View source': 'Xem mã nguồn', + 'Description (optional):': 'Mô tả (không bắt buộc)', + 'Enter the image URL:': 'Nhập vào đường dẫn của hình ảnh', + 'Enter the e-mail address:': 'Nhập vào địa chỉ email', + 'Enter the displayed text:': 'Nhập vào nội dung hiển thị', + 'Enter URL:': 'Nhập vào liên kết', + 'Enter the YouTube video URL or ID:': 'Nhập vào liên kết của video hoặc ID trên Youtube', + 'Insert a Quote': 'Chèn trích dẫn', + 'Invalid YouTube video': 'Video Youtube không chính xác', + + dateFormat: 'day/month/year' + }; +})(); diff --git a/public/assets/minified/formats/bbcode.js b/public/assets/minified/formats/bbcode.js new file mode 100644 index 0000000..e17f569 --- /dev/null +++ b/public/assets/minified/formats/bbcode.js @@ -0,0 +1,3 @@ +/* SCEditor v2.1.3 | (C) 2017, Sam Clarke | sceditor.com/license */ + +!function(t){"use strict";var h=t.escapeEntities,a=t.escapeUriScheme,m=t.dom,e=t.utils,p=m.css,g=m.attr,v=m.is,n=e.extend,s=e.each,r=t.ie,b=r&&r<11,y="data-sceditor-emoticon",l=t.command.get,x={always:1,never:2,auto:3},i={bold:{txtExec:["[b]","[/b]"]},italic:{txtExec:["[i]","[/i]"]},underline:{txtExec:["[u]","[/u]"]},strike:{txtExec:["[s]","[/s]"]},subscript:{txtExec:["[sub]","[/sub]"]},superscript:{txtExec:["[sup]","[/sup]"]},left:{txtExec:["[left]","[/left]"]},center:{txtExec:["[center]","[/center]"]},right:{txtExec:["[right]","[/right]"]},justify:{txtExec:["[justify]","[/justify]"]},font:{txtExec:function(t){var e=this;l("font")._dropDown(e,t,function(t){e.insertText("[font="+t+"]","[/font]")})}},size:{txtExec:function(t){var e=this;l("size")._dropDown(e,t,function(t){e.insertText("[size="+t+"]","[/size]")})}},color:{txtExec:function(t){var e=this;l("color")._dropDown(e,t,function(t){e.insertText("[color="+t+"]","[/color]")})}},bulletlist:{txtExec:function(t,e){var n="";s(e.split(/\r?\n/),function(){n+=(n?"\n":"")+"[li]"+this+"[/li]"}),this.insertText("[ul]\n"+n+"\n[/ul]")}},orderedlist:{txtExec:function(t,e){var n="";s(e.split(/\r?\n/),function(){n+=(n?"\n":"")+"[li]"+this+"[/li]"}),this.insertText("[ol]\n"+n+"\n[/ol]")}},table:{txtExec:["[table][tr][td]","[/td][/tr][/table]"]},horizontalrule:{txtExec:["[hr]"]},code:{txtExec:["[code]","[/code]"]},image:{txtExec:function(t,e){var i=this;l("image")._dropDown(i,t,e,function(t,e,n){var r="";e&&(r+=" width="+e),n&&(r+=" height="+n),i.insertText("[img"+r+"]"+t+"[/img]")})}},email:{txtExec:function(t,n){var r=this;l("email")._dropDown(r,t,function(t,e){r.insertText("[email="+t+"]"+(e||n||t)+"[/email]")})}},link:{txtExec:function(t,n){var r=this;l("link")._dropDown(r,t,function(t,e){r.insertText("[url="+t+"]"+(e||n||t)+"[/url]")})}},quote:{txtExec:["[quote]","[/quote]"]},youtube:{txtExec:function(t){var e=this;l("youtube")._dropDown(e,t,function(t){e.insertText("[youtube]"+t+"[/youtube]")})}},rtl:{txtExec:["[rtl]","[/rtl]"]},ltr:{txtExec:["[ltr]","[/ltr]"]}},k={b:{tags:{b:null,strong:null},styles:{"font-weight":["bold","bolder","401","700","800","900"]},format:"[b]{0}[/b]",html:"{0}"},i:{tags:{i:null,em:null},styles:{"font-style":["italic","oblique"]},format:"[i]{0}[/i]",html:"{0}"},u:{tags:{u:null},styles:{"text-decoration":["underline"]},format:"[u]{0}[/u]",html:"{0}"},s:{tags:{s:null,strike:null},styles:{"text-decoration":["line-through"]},format:"[s]{0}[/s]",html:"{0}"},sub:{tags:{sub:null},format:"[sub]{0}[/sub]",html:"{0}"},sup:{tags:{sup:null},format:"[sup]{0}[/sup]",html:"{0}"},font:{tags:{font:{face:null}},styles:{"font-family":null},quoteType:x.never,format:function(t,e){var n;return v(t,"font")&&(n=g(t,"face"))||(n=p(t,"font-family")),"[font="+E(n)+"]"+e+"[/font]"},html:'{0}'},size:{tags:{font:{size:null}},styles:{"font-size":null},format:function(t,e){var n=g(t,"size"),r=2;return n||(n=p(t,"fontSize")),-1{!0}'},color:{tags:{font:{color:null}},styles:{color:null},quoteType:x.never,format:function(t,e){var n;return v(t,"font")&&(n=g(t,"color"))||(n=t.style.color||p(t,"color")),"[color="+c(n)+"]"+e+"[/color]"},html:function(t,e,n){return''+n+""}},ul:{tags:{ul:null},breakStart:!0,isInline:!1,skipLastLineBreak:!0,format:"[ul]{0}[/ul]",html:"
      {0}
    "},list:{breakStart:!0,isInline:!1,skipLastLineBreak:!0,html:"
      {0}
    "},ol:{tags:{ol:null},breakStart:!0,isInline:!1,skipLastLineBreak:!0,format:"[ol]{0}[/ol]",html:"
      {0}
    "},li:{tags:{li:null},isInline:!1,closedBy:["/ul","/ol","/list","*","li"],format:"[li]{0}[/li]",html:"
  • {0}
    • "},"*":{isInline:!1,closedBy:["/ul","/ol","/list","*","li"],html:"
  • {0}
    • "},table:{tags:{table:null},isInline:!1,isHtmlInline:!0,skipLastLineBreak:!0,format:"[table]{0}[/table]",html:"{0}
    "},tr:{tags:{tr:null},isInline:!1,skipLastLineBreak:!0,format:"[tr]{0}[/tr]",html:"{0}"},th:{tags:{th:null},allowsEmpty:!0,isInline:!1,format:"[th]{0}[/th]",html:"{0}"},td:{tags:{td:null},allowsEmpty:!0,isInline:!1,format:"[td]{0}[/td]",html:"{0}"},emoticon:{allowsEmpty:!0,tags:{img:{src:null,"data-sceditor-emoticon":null}},format:function(t,e){return g(t,y)+e},html:"{0}"},hr:{tags:{hr:null},allowsEmpty:!0,isSelfClosing:!0,isInline:!1,format:"[hr]{0}",html:"
    "},img:{allowsEmpty:!0,tags:{img:{src:null}},allowedChildren:["#"],quoteType:x.never,format:function(e,t){var n,r,i="",l=function(t){return e.style?e.style[t]:null};return g(e,y)?t:(n=g(e,"width")||l("width"),r=g(e,"height")||l("height"),(e.complete&&(n||r)||n&&r)&&(i="="+m.width(e)+"x"+m.height(e)),"[img"+i+"]"+g(e,"src")+"[/img]")},html:function(t,e,n){var r,i,l,o="";return r=e.width,i=e.height,e.defaultattr&&(r=(l=e.defaultattr.split(/x/i))[0],i=2===l.length?l[1]:l[0]),void 0!==r&&(o+=' width="'+h(r,!0)+'"'),void 0!==i&&(o+=' height="'+h(i,!0)+'"'),"'}},url:{allowsEmpty:!0,tags:{a:{href:null}},quoteType:x.never,format:function(t,e){var n=g(t,"href");return"mailto:"===n.substr(0,7)?'[email="'+n.substr(7)+'"]'+e+"[/email]":"[url="+n+"]"+e+"[/url]"},html:function(t,e,n){return e.defaultattr=h(e.defaultattr,!0)||n,''+n+""}},email:{quoteType:x.never,html:function(t,e,n){return''+n+""}},quote:{tags:{blockquote:null},isInline:!1,quoteType:x.never,format:function(t,e){for(var n,r="data-author",i="",l=t.children,o=0;!n&&o"+n),"
    "+n+"
    "}},code:{tags:{code:null},isInline:!1,allowedChildren:["#","#newline"],format:"[code]{0}[/code]",html:"{0}"},left:{styles:{"text-align":["left","-webkit-left","-moz-left","-khtml-left"]},isInline:!1,format:"[left]{0}[/left]",html:'
    {0}
    '},center:{styles:{"text-align":["center","-webkit-center","-moz-center","-khtml-center"]},isInline:!1,format:"[center]{0}[/center]",html:'
    {0}
    '},right:{styles:{"text-align":["right","-webkit-right","-moz-right","-khtml-right"]},isInline:!1,format:"[right]{0}[/right]",html:'
    {0}
    '},justify:{styles:{"text-align":["justify","-webkit-justify","-moz-justify","-khtml-justify"]},isInline:!1,format:"[justify]{0}[/justify]",html:'
    {0}
    '},youtube:{allowsEmpty:!0,tags:{iframe:{"data-youtube-id":null}},format:function(t,e){return(t=g(t,"data-youtube-id"))?"[youtube]"+t+"[/youtube]":e},html:''},rtl:{styles:{direction:["rtl"]},isInline:!1,format:"[rtl]{0}[/rtl]",html:'
    {0}
    '},ltr:{styles:{direction:["ltr"]},isInline:!1,format:"[ltr]{0}[/ltr]",html:'
    {0}
    '},ignore:{}};function w(t,r){return t.replace(/\{([^}]+)\}/g,function(t,e){var n=!0;return"!"===e.charAt(0)&&(n=!1,e=e.substring(1)),"0"===e&&(n=!1),void 0===r[e]?t:n?h(r[e],!0):r[e]})}function B(t){return"function"==typeof t}function E(t){return t?t.replace(/\\(.)/g,"$1").replace(/^(["'])(.*?)\1$/,"$2"):t}function C(t){var n=arguments;return t.replace(/\{(\d+)\}/g,function(t,e){return void 0!==n[e-0+1]?n[e-0+1]:"{"+e+"}"})}var I="open",T="content",S="newline",L="close";function u(t,e,n,r,i,l){var o=this;o.type=t,o.name=e,o.val=n,o.attrs=r||{},o.children=i||[],o.closing=l||null}function q(t){var m=this;function o(t,e){var n,r,i;return t===I&&(n=e.match(/\[([^\]\s=]+)(?:([^\]]+))?\]/))&&(i=l(n[1]),n[2]&&(n[2]=n[2].trim())&&(r=function(t){var e,n=/([^\s=]+)=(?:(?:(["'])((?:\\\2|[^\2])*?)\2)|((?:.(?!\s\S+=))*.))/g,r={};if("="===t.charAt(0)&&t.indexOf("=",1)<0)r.defaultattr=E(t.substr(1));else for("="===t.charAt(0)&&(t="defaultattr"+t);e=n.exec(t);)r[l(e[1])]=E(e[3])||e[4];return r}(n[2]))),t===L&&(n=e.match(/\[\/([^\[\]]+)\]/))&&(i=l(n[1])),t===S&&(i="#newline"),i&&(t!==I&&t!==L||k[i])||(t=T,i="#"),new u(t,i,e,r)}function d(t,e,n){for(var r=n.length;r--;)if(n[r].type===e&&n[r].name===t)return!0;return!1}function p(t,e){var n=(t?k[t.name]:{}).allowedChildren;return!m.opts.fixInvalidChildren||!n||-1"),B(i.html)?o=i.html.call(m,r,r.attrs,l):(r.attrs[0]=l,o=w(i.html,r.attrs))):o=r.val+l+(r.closing?r.closing.val:"");else{if(r.type===S){if(!n){f.push("
    ");continue}s||f.push("
    "),b||f.push("
    "),e.length||f.push("
    "),f.push("
    \n"),s=!1;continue}a=n,o=h(r.val,!0)}a&&!s?(f.push("
    "),s=!0):!a&&s&&(f.push("
    \n"),s=!1),f.push(o)}s&&f.push("
    \n");return f.join("")}(m.parse(t,e),!0)},m.toBBCode=function(t,e){return function t(e){var n,r,i,l,o,a,s,u,c,f,h=[];for(;0\n/g,"
    "),(i=a.firstChild)&&v(i,"div")&&o(i,!0),(i=a.lastChild)&&v(i,"div")&&o(i),a.innerHTML):s}function e(t,e,n,r){var i,l,o=(n=n||document).createElement("div"),a=n.createElement("div"),s=new q(u.opts.parserOptions);for(a.innerHTML=e,p(o,"visibility","hidden"),o.appendChild(a),n.body.appendChild(o),t&&(o.insertBefore(n.createTextNode("#"),o.firstChild),o.appendChild(n.createTextNode("#"))),r&&p(a,"whiteSpace",p(r,"whiteSpace")),l=a.getElementsByClassName("sceditor-ignore");l.length;)l[0].parentNode.removeChild(l[0]);return m.removeWhiteSpace(o),i=d(a),n.body.removeChild(o),i=s.toBBCode(i,!0),u.opts.bbcodeTrim&&(i=i.trim()),i}u.init=function(){u.opts=this.opts,u.elementToBbcode=d,s(k,function(n){var r,t=k[n].tags,e=k[n].styles;t&&s(t,function(t,e){r=!1===k[n].isInline,o[t]=o[t]||{},o[t][r]=o[t][r]||{},o[t][r][n]=e}),e&&s(e,function(t,e){r=!1===k[n].isInline,a[r]=a[r]||{},a[r][t]=a[r][t]||{},a[r][t][n]=e})}),this.commands=n(!0,{},i,this.commands),this.toBBCode=u.toSource,this.fromBBCode=u.toHtml},u.toHtml=t.bind(null,!1),u.fragmentToHtml=t.bind(null,!0),u.toSource=e.bind(null,!1),u.fragmentToSource=e.bind(null,!0)}u.prototype={clone:function(){var t=this;return new u(t.type,t.name,t.val,n({},t.attrs),[],t.closing?t.closing.clone():null)},splitAt:function(t){var e,n=this.clone(),r=this.children.indexOf(t);return-1",""]},italic:{txtExec:["",""]},underline:{txtExec:['',""]},strike:{txtExec:['',""]},subscript:{txtExec:["",""]},superscript:{txtExec:["",""]},left:{txtExec:['
    ',"
    "]},center:{txtExec:['
    ',"
    "]},right:{txtExec:['
    ',"
    "]},justify:{txtExec:['
    ',"
    "]},font:{txtExec:function(t){var e=this;l("font")._dropDown(e,t,function(t){e.insertText('',"")})}},size:{txtExec:function(t){var e=this;l("size")._dropDown(e,t,function(t){e.insertText('',"")})}},color:{txtExec:function(t){var e=this;l("color")._dropDown(e,t,function(t){e.insertText('',"")})}},bulletlist:{txtExec:["
    • ","
    "]},orderedlist:{txtExec:["
    1. ","
    "]},table:{txtExec:["
    ","
    "]},horizontalrule:{txtExec:["
    "]},code:{txtExec:["",""]},image:{txtExec:function(t,e){var o=this;l("image")._dropDown(o,t,e,function(t,e,n){var i="";e&&(i+=' width="'+e+'"'),n&&(i+=' height="'+n+'"'),o.insertText("')})}},email:{txtExec:function(t,n){var i=this;l("email")._dropDown(i,t,function(t,e){i.insertText(''+(e||n||t)+"")})}},link:{txtExec:function(t,n){var i=this;l("link")._dropDown(i,t,function(t,e){i.insertText(''+(e||n||t)+"")})}},quote:{txtExec:["
    ","
    "]},youtube:{txtExec:function(t){var n=this;l("youtube")._dropDown(n,t,function(t,e){n.insertText('')})}},rtl:{txtExec:['
    ',"
    "]},ltr:{txtExec:['
    ',"
    "]}};function z(){var o=this,n={},p={};function t(t,e,n){var i,o,h,r,a,l,s,c,u,d,f,g,v,x,m=n.createElement("div");return m.innerHTML=e,S(m,"visibility","hidden"),n.body.appendChild(m),o=m,C.traverse(o,function(t){var e=t.nodeName.toLowerCase();b("*",t),b(e,t)},!0),h=m,C.traverse(h,function(t){var e,n=t.nodeName.toLowerCase(),i=t.parentNode,o=t.nodeType,r=!C.isInline(t),a=t.previousSibling,l=t.nextSibling,s=i===h,c=!a&&!l,u="iframe"!==n&&function t(e,n){var i,o=e.childNodes,r=e.nodeName.toLowerCase(),a=e.nodeValue,l=o.length,s=z.allowedEmptyTags||[];if(n&&"br"===r)return!0;if(T(e,".sceditor-ignore"))return!0;if(-1":">",'"':"""," ":" "};return t?t.replace(/[&<>"\xa0]/g,function(t){return e[t]||t}):""}function g(t,e){switch(t.nodeType){case 1:"!"===t.nodeName.toLowerCase()?n(t):function(t,e){var n,i,o,r=t.nodeName.toLowerCase(),a="iframe"===r,l=t.attributes.length,s=t.firstChild,c=e||/pre(?:\-wrap)?$/i.test(S(t,"whiteSpace")),u=!t.firstChild&&!C.canHaveChildren(t)&&!a;if(T(t,".sceditor-ignore"))return;v("<"+r,!e&&h(t));for(;l--;)i=t.attributes[l],o=i.value,v(" "+i.name.toLowerCase()+'="'+f(o)+'"',!1);v(u?" />":">",!1),a||(n=s);for(;n;)d++,g(n,c),n=n.nextSibling,d--;u||v("",!c&&!a&&h(t)&&s&&h(s))}(t,e);break;case 3:!function(t,e){var n=t.nodeValue;e||(n=n.replace(/[\r\n]/," ").replace(/[^\S|\u00A0]+/g," "));n&&v(f(n),!e&&h(t))}(t,e);break;case 4:v("");break;case 8:n(t);break;case 9:case 11:!function(t){var e=t.firstChild;for(;e;)g(e),e=e.nextSibling}(t)}}function n(t){v("\x3c!-- "+f(t.nodeValue)+" --\x3e")}function v(t,e){var n=d;if(!1!==e)for(o.length&&o.push("\n");n--;)o.push(i.indentStr);o.push(t)}function h(t){var e=t.previousSibling;return 1!==t.nodeType&&e?!C.isInline(e):!e&&!C.isInline(t.parentNode)||!C.isInline(t)}this.serialize=function(t,e){if(o=[],e)for(t=t.firstChild;t;)g(t),t=t.nextSibling;else g(t);return o.join("")}},z.converters=[{tags:{"*":{width:null}},conv:function(t){S(t,"width",n(t,"width")),A(t,"width")}},{tags:{"*":{height:null}},conv:function(t){S(t,"height",n(t,"height")),A(t,"height")}},{tags:{li:{value:null}},conv:function(t){A(t,"value")}},{tags:{"*":{text:null}},conv:function(t){S(t,"color",n(t,"text")),A(t,"text")}},{tags:{"*":{color:null}},conv:function(t){S(t,"color",n(t,"color")),A(t,"color")}},{tags:{"*":{face:null}},conv:function(t){S(t,"fontFamily",n(t,"face")),A(t,"face")}},{tags:{"*":{align:null}},conv:function(t){S(t,"textAlign",n(t,"align")),A(t,"align")}},{tags:{"*":{border:null}},conv:function(t){S(t,"borderWidth",n(t,"border")),A(t,"border")}},{tags:{applet:{name:null},img:{name:null},layer:{name:null},map:{name:null},object:{name:null},param:{name:null}},conv:function(t){n(t,"id")||n(t,"id",n(t,"name")),A(t,"name")}},{tags:{"*":{vspace:null}},conv:function(t){S(t,"marginTop",n(t,"vspace")-0),S(t,"marginBottom",n(t,"vspace")-0),A(t,"vspace")}},{tags:{"*":{hspace:null}},conv:function(t){S(t,"marginLeft",n(t,"hspace")-0),S(t,"marginRight",n(t,"hspace")-0),A(t,"hspace")}},{tags:{hr:{noshade:null}},conv:function(t){S(t,"borderStyle","solid"),A(t,"noshade")}},{tags:{"*":{nowrap:null}},conv:function(t){S(t,"whiteSpace","nowrap"),A(t,"nowrap")}},{tags:{big:null},conv:function(t){S(i(t,"span"),"fontSize","larger")}},{tags:{small:null},conv:function(t){S(i(t,"span"),"fontSize","smaller")}},{tags:{b:null},conv:function(t){i(t,"strong")}},{tags:{u:null},conv:function(t){S(i(t,"span"),"textDecoration","underline")}},{tags:{s:null,strike:null},conv:function(t){S(i(t,"span"),"textDecoration","line-through")}},{tags:{dir:null},conv:function(t){i(t,"ul")}},{tags:{center:null},conv:function(t){S(i(t,"div"),"textAlign","center")}},{tags:{font:{size:null}},conv:function(t){S(t,"fontSize",S(t,"fontSize")),A(t,"size")}},{tags:{font:null},conv:function(t){i(t,"span")}},{tags:{"*":{type:["_moz"]}},conv:function(t){A(t,"type")}},{tags:{"*":{_moz_dirty:null}},conv:function(t){A(t,"_moz_dirty")}},{tags:{"*":{_moz_editor_bogus_node:null}},conv:function(t){t.parentNode.removeChild(t)}}],z.allowedAttribs={},z.disallowedAttribs={},z.allowedTags=[],z.disallowedTags=[],z.allowedEmptyTags=[],y.formats.xhtml=z}(sceditor); \ No newline at end of file diff --git a/public/assets/minified/icons/material.js b/public/assets/minified/icons/material.js new file mode 100644 index 0000000..ebc758a --- /dev/null +++ b/public/assets/minified/icons/material.js @@ -0,0 +1,3 @@ +/* SCEditor v2.1.3 | (C) 2017, Sam Clarke | sceditor.com/license */ + +!function(H,V){"use strict";var t=V.dom,M={bold:'',bulletlist:'',center:'',code:'',color:'',copy:'',cut:'',date:'',email:'',emoticon:'',font:'',format:'',grip:'',horizontalrule:'',image:'',indent:'',italic:'',justify:'\t\t',left:'\t\t',link:'',ltr:'',maximize:'',orderedlist:'',outdent:'',paste:'',pastetext:'',print:'',quote:'',redo:'',removeformat:'',right:'',rtl:'',size:'',source:'',strike:'',subscript:'',superscript:'',table:'',time:'',underline:'',undo:'',unlink:'',youtube:''};V.icons.material=function(){var L,A={};return{create:function(H){return H in M&&(A[H]=V.dom.parseHTML(''+M[H]+"").firstChild,"color"===H&&(L=A[H].querySelector(".sce-color"))),A[H]},update:function(H,V){if(L){var M="inherit";!H&&V&&(M=V.ownerDocument.queryCommandValue("forecolor"),parseInt(M)===M&&(M="#"+("000000"+(M=(255&M)<<16|65280&M|(16711680&M)>>>16).toString(16)).slice(-6))),t.css(L,"fill",M)}},rtl:function(H){var V=A.grip;if(V){var M=H?"scaleX(-1)":"";t.css(V,"transform",M),t.css(V,"msTransform",M),t.css(V,"webkitTransform",M)}}}},V.icons.material.icons=M}(document,sceditor); \ No newline at end of file diff --git a/public/assets/minified/icons/monocons.js b/public/assets/minified/icons/monocons.js new file mode 100644 index 0000000..4cf24d3 --- /dev/null +++ b/public/assets/minified/icons/monocons.js @@ -0,0 +1,3 @@ +/* SCEditor v2.1.3 | (C) 2017, Sam Clarke | sceditor.com/license */ + +!function(h,a){"use strict";var c=a.dom,v={bold:'B',bulletlist:'',center:'',code:'',color:'A',copy:'',cut:'',date:'',email:'',emoticon:'',font:'',format:'',grip:'',horizontalrule:'',image:'',indent:'',italic:'i',justify:'',left:'',link:'',ltr:'',maximize:'',orderedlist:'',outdent:'',paste:'',pastetext:'',print:'',quote:'',redo:'',removeformat:'',right:'',rtl:'',size:'',source:'',strike:'S',subscript:'',superscript:'',table:'',time:'',underline:'U',undo:'',unlink:'',youtube:''};a.icons.monocons=function(){var z,t={};return{create:function(h){return h in v&&(t[h]=a.dom.parseHTML(''+v[h]+"").firstChild,"color"===h&&(z=t[h].querySelector(".sce-color"))),t[h]},update:function(h,a){if(z){var v="inherit";!h&&a&&(v=a.ownerDocument.queryCommandValue("forecolor"),parseInt(v)===v&&(v="#"+("000000"+(v=(255&v)<<16|65280&v|(16711680&v)>>>16).toString(16)).slice(-6))),c.css(z,"fill",v)}},rtl:function(h){var a=t.grip;if(a){var v=h?"scaleX(-1)":"";c.css(a,"transform",v),c.css(a,"msTransform",v),c.css(a,"webkitTransform",v)}}}},a.icons.monocons.icons=v}(document,sceditor); \ No newline at end of file diff --git a/public/assets/minified/jquery.sceditor.bbcode.min.js b/public/assets/minified/jquery.sceditor.bbcode.min.js new file mode 100644 index 0000000..5c8e6f0 --- /dev/null +++ b/public/assets/minified/jquery.sceditor.bbcode.min.js @@ -0,0 +1,3 @@ +/* SCEditor v2.1.3 | (C) 2017, Sam Clarke | sceditor.com/license */ + +!function(o){"use strict";function e(e,t){return typeof t===e}o=o&&o.hasOwnProperty("default")?o.default:o;var be=e.bind(null,"string"),xe=e.bind(null,"undefined"),we=e.bind(null,"function"),r=e.bind(null,"number");function t(e){return!Object.keys(e).length}function ke(e,t){for(var n=e===!!e,o=n?2:1,r=n?t:e,i=!!n&&e;o":">"," ":"  ","\r\n":"
    ","\r":"
    ","\n":"
    "};return!1!==t&&(n['"']=""",n["'"]="'",n["`"]="`"),e.replace(/ {2}|\r\n|[&<>\r\n'"`]/g,function(e){return n[e]||e})}var b={html:'

    ',toolbarButton:'
    {dispName}
    ',emoticon:'{key}',fontOpt:'{font}',sizeOpt:'{size}',pastetext:'
    ',table:'
    ',image:'
    ',email:'
    ',link:'
    ',youtubeMenu:'
    ',youtube:''};function ht(e,t,n){var o=b[e];return Object.keys(t).forEach(function(e){o=o.replace(new RegExp(ft("{"+e+"}"),"g"),t[e])}),n&&(o=et(o)),o}var x=v&&v<11;function w(e){if("mozHidden"in document)for(var t,n=e.getBody();n;){if((t=n).firstChild)t=t.firstChild;else{for(;t&&!t.nextSibling;)t=t.parentNode;t&&(t=t.nextSibling)}3===n.nodeType&&/[\n\r\t]+/.test(n.nodeValue)&&(/^pre/.test(je(n.parentNode,"whiteSpace"))||Be(n)),n=t}}var mt={bold:{exec:"bold",tooltip:"Bold",shortcut:"Ctrl+B"},italic:{exec:"italic",tooltip:"Italic",shortcut:"Ctrl+I"},underline:{exec:"underline",tooltip:"Underline",shortcut:"Ctrl+U"},strike:{exec:"strikethrough",tooltip:"Strikethrough"},subscript:{exec:"subscript",tooltip:"Subscript"},superscript:{exec:"superscript",tooltip:"Superscript"},left:{state:function(e){if(e&&3===e.nodeType&&(e=e.parentNode),e){var t="ltr"===je(e,"direction"),n=je(e,"textAlign");return"left"===n||n===(t?"start":"end")}},exec:"justifyleft",tooltip:"Align left"},center:{exec:"justifycenter",tooltip:"Center"},right:{state:function(e){if(e&&3===e.nodeType&&(e=e.parentNode),e){var t="ltr"===je(e,"direction"),n=je(e,"textAlign");return"right"===n||n===(t?"end":"start")}},exec:"justifyright",tooltip:"Align right"},justify:{exec:"justifyfull",tooltip:"Justify"},font:{_dropDown:function(t,e,n){var o=De("div");Fe(o,"click","a",function(e){n(Pe(this,"font")),t.closeDropDown(!0),e.preventDefault()}),t.opts.fonts.split(",").forEach(function(e){Re(o,ht("fontOpt",{font:e},!0))}),t.createDropDown(e,"font-picker",o)},exec:function(e){var t=this;mt.font._dropDown(t,e,function(e){t.execCommand("fontname",e)})},tooltip:"Font Name"},size:{_dropDown:function(t,e,n){var o=De("div");Fe(o,"click","a",function(e){n(Pe(this,"size")),t.closeDropDown(!0),e.preventDefault()});for(var r=1;r<=7;r++)Re(o,ht("sizeOpt",{size:r},!0));t.createDropDown(e,"fontsize-picker",o)},exec:function(e){var t=this;mt.size._dropDown(t,e,function(e){t.execCommand("fontsize",e)})},tooltip:"Font Size"},color:{_dropDown:function(t,e,n){var o=De("div"),r="",i=mt.color;i._htmlCache||(t.opts.colors.split("|").forEach(function(e){r+='
    ',e.split(",").forEach(function(e){r+=''}),r+="
    "}),i._htmlCache=r),Re(o,et(i._htmlCache)),Fe(o,"click","a",function(e){n(Pe(this,"color")),t.closeDropDown(!0),e.preventDefault()}),t.createDropDown(e,"color-picker",o)},exec:function(e){var t=this;mt.color._dropDown(t,e,function(e){t.execCommand("forecolor",e)})},tooltip:"Font Color"},removeformat:{exec:"removeformat",tooltip:"Remove Formatting"},cut:{exec:"cut",tooltip:"Cut",errorMessage:"Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X"},copy:{exec:"copy",tooltip:"Copy",errorMessage:"Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C"},paste:{exec:"paste",tooltip:"Paste",errorMessage:"Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V"},pastetext:{exec:function(e){var t,n=De("div"),o=this;Re(n,ht("pastetext",{label:o._("Paste your text inside the following box:"),insert:o._("Insert")},!0)),Fe(n,"click",".button",function(e){(t=He(n,"#txt")[0].value)&&o.wysiwygEditorInsertText(t),o.closeDropDown(!0),e.preventDefault()}),o.createDropDown(e,"pastetext",n)},tooltip:"Paste Text"},bulletlist:{exec:function(){w(this),this.execCommand("insertunorderedlist")},tooltip:"Bullet list"},orderedlist:{exec:function(){w(this),this.execCommand("insertorderedlist")},tooltip:"Numbered list"},indent:{state:function(e,t){var n,o,r;return qe(t,"li")?0:qe(t,"ul,ol,menu")&&(o=(n=this.getRangeHelper().selectedRange()).startContainer.parentNode,r=n.endContainer.parentNode,o!==o.parentNode.firstElementChild||qe(r,"li")&&r!==r.parentNode.lastElementChild)?0:-1},exec:function(){var e=this.getRangeHelper().getFirstBlockParent();this.focus(),Ne(e,"ul,ol,menu")&&this.execCommand("indent")},tooltip:"Add indent"},outdent:{state:function(e,t){return Ne(t,"ul,ol,menu")?0:-1},exec:function(){Ne(this.getRangeHelper().getFirstBlockParent(),"ul,ol,menu")&&this.execCommand("outdent")},tooltip:"Remove one indent"},table:{exec:function(e){var r=this,i=De("div");Re(i,ht("table",{rows:r._("Rows:"),cols:r._("Cols:"),insert:r._("Insert")},!0)),Fe(i,"click",".button",function(e){var t=Number(He(i,"#rows")[0].value),n=Number(He(i,"#cols")[0].value),o="";0"+Array(n+1).join("")+""),o+="
    "+(x?"":"
    ")+"
    ",r.wysiwygEditorInsertHtml(o),r.closeDropDown(!0),e.preventDefault())}),r.createDropDown(e,"inserttable",i)},tooltip:"Insert a table"},horizontalrule:{exec:"inserthorizontalrule",tooltip:"Insert a horizontal rule"},code:{exec:function(){this.wysiwygEditorInsertHtml("",(x?"":"
    ")+"    ")},tooltip:"Code"},image:{_dropDown:function(t,e,n,o){var r=De("div");Re(r,ht("image",{url:t._("URL:"),width:t._("Width (optional):"),height:t._("Height (optional):"),insert:t._("Insert")},!0));var i=He(r,"#image")[0];i.value=n,Fe(r,"click",".button",function(e){i.value&&o(i.value,He(r,"#width")[0].value,He(r,"#height")[0].value),t.closeDropDown(!0),e.preventDefault()}),t.createDropDown(e,"insertimage",r)},exec:function(e){var r=this;mt.image._dropDown(r,e,"",function(e,t,n){var o="";t&&(o+=' width="'+t+'"'),n&&(o+=' height="'+n+'"'),r.wysiwygEditorInsertHtml("')})},tooltip:"Insert an image"},email:{_dropDown:function(n,e,o){var r=De("div");Re(r,ht("email",{label:n._("E-mail:"),desc:n._("Description (optional):"),insert:n._("Insert")},!0)),Fe(r,"click",".button",function(e){var t=He(r,"#email")[0].value;t&&o(t,He(r,"#des")[0].value),n.closeDropDown(!0),e.preventDefault()}),n.createDropDown(e,"insertemail",r)},exec:function(e){var n=this;mt.email._dropDown(n,e,function(e,t){n.focus(),!n.getRangeHelper().selectedHtml()||t?n.wysiwygEditorInsertHtml(''+(t||e)+""):n.execCommand("createlink","mailto:"+e)})},tooltip:"Insert an email"},link:{_dropDown:function(t,e,n){var o=De("div");Re(o,ht("link",{url:t._("URL:"),desc:t._("Description (optional):"),ins:t._("Insert")},!0));var r=He(o,"#link")[0];function i(e){r.value&&n(r.value,He(o,"#des")[0].value),t.closeDropDown(!0),e.preventDefault()}Fe(o,"click",".button",i),Fe(o,"keypress",function(e){13===e.which&&r.value&&i(e)},Ie),t.createDropDown(e,"insertlink",o)},exec:function(e){var n=this;mt.link._dropDown(n,e,function(e,t){n.focus(),t||!n.getRangeHelper().selectedHtml()?(t=t||e,n.wysiwygEditorInsertHtml(''+t+"")):n.execCommand("createlink",e)})},tooltip:"Insert a link"},unlink:{state:function(){return Ne(this.currentNode(),"a")?0:-1},exec:function(){var e=Ne(this.currentNode(),"a");if(e){for(;e.firstChild;)Ve(e.firstChild,e);Be(e)}},tooltip:"Unlink"},quote:{exec:function(e,t,n){var o="
    ",r="
    ";t?(o=o+(n=n?""+n+"":"")+t+r,r=null):""===this.getRangeHelper().selectedHtml()&&(r=(x?"":"
    ")+r),this.wysiwygEditorInsertHtml(o,r)},tooltip:"Insert a Quote"},emoticon:{exec:function(f){var p=this,h=function(e){var t,n,o=p.opts,r=o.emoticonsRoot||"",i=o.emoticonsCompat,l=p.getRangeHelper(),a=i&&" "!==l.getOuterText(!0,1)?" ":"",s=i&&" "!==l.getOuterText(!1,1)?" ":"",c=De("div"),u=De("div"),d=ke({},o.emoticons.dropdown,e?o.emoticons.more:{});return Re(c,u),n=Math.sqrt(Object.keys(d).length),Fe(c,"click","img",function(e){p.insert(a+Ae(this,"alt")+s,null,!1).closeDropDown(!0),e.preventDefault()}),Ee(d,function(e,t){Re(u,De("img",{src:r+(t.url||t),alt:e,title:t.tooltip||e})),u.children.length>=n&&(u=De("div"),Re(c,u))}),!e&&o.emoticons.more&&(Re(t=De("a",{className:"sceditor-more"}),document.createTextNode(p._("More"))),Fe(t,"click",function(e){p.createDropDown(f,"more-emoticons",h(!0)),e.preventDefault()}),Re(c,t)),c};p.createDropDown(f,"emoticons",h(!1))},txtExec:function(e){mt.emoticon.exec.call(this,e)},tooltip:"Insert an emoticon"},youtube:{_dropDown:function(i,e,l){var a=De("div");Re(a,ht("youtubeMenu",{label:i._("Video URL:"),insert:i._("Insert")},!0)),Fe(a,"click",".button",function(e){var t=He(a,"#link")[0].value,n=t.match(/(?:v=|v\/|embed\/|youtu.be\/)(.{11})/),o=t.match(/[&|?](?:star)?t=((\d+[hms]?){1,3})/),r=0;o&&Ee(o[1].split(/[hms]/),function(e,t){""!==t&&(r=60*r+Number(t))}),n&&/^[a-zA-Z0-9_\-]{11}$/.test(n[1])&&l(n[1],r),i.closeDropDown(!0),e.preventDefault()}),i.createDropDown(e,"insertlink",a)},exec:function(e){var n=this;mt.youtube._dropDown(n,e,function(e,t){n.wysiwygEditorInsertHtml(ht("youtube",{id:e,time:t}))})},tooltip:"Insert a YouTube video"},date:{_date:function(e){var t=new Date,n=t.getYear(),o=t.getMonth()+1,r=t.getDate();return n<2e3&&(n=1900+n),o<10&&(o="0"+o),r<10&&(r="0"+r),e.opts.dateFormat.replace(/year/i,n).replace(/month/i,o).replace(/day/i,r)},exec:function(){this.insertText(mt.date._date(this))},txtExec:function(){this.insertText(mt.date._date(this))},tooltip:"Insert current date"},time:{_time:function(){var e=new Date,t=e.getHours(),n=e.getMinutes(),o=e.getSeconds();return t<10&&(t="0"+t),n<10&&(n="0"+n),o<10&&(o="0"+o),t+":"+n+":"+o},exec:function(){this.insertText(mt.time._time())},txtExec:function(){this.insertText(mt.time._time())},tooltip:"Insert current time"},ltr:{state:function(e,t){return t&&"ltr"===t.style.direction},exec:function(){var e=this.getRangeHelper(),t=e.getFirstBlockParent();this.focus(),(t&&!qe(t,"body")||(this.execCommand("formatBlock","p"),(t=e.getFirstBlockParent())&&!qe(t,"body")))&&je(t,"direction","ltr"===je(t,"direction")?"":"ltr")},tooltip:"Left-to-Right"},rtl:{state:function(e,t){return t&&"rtl"===t.style.direction},exec:function(){var e=this.getRangeHelper(),t=e.getFirstBlockParent();this.focus(),(t&&!qe(t,"body")||(this.execCommand("formatBlock","p"),(t=e.getFirstBlockParent())&&!qe(t,"body")))&&je(t,"direction","rtl"===je(t,"direction")?"":"rtl")},tooltip:"Right-to-Left"},print:{exec:"print",tooltip:"Print"},maximize:{state:function(){return this.maximize()},exec:function(){this.maximize(!this.maximize())},txtExec:function(){this.maximize(!this.maximize())},tooltip:"Maximize",shortcut:"Ctrl+Shift+M"},source:{state:function(){return this.sourceMode()},exec:function(){this.toggleSourceMode()},txtExec:function(){this.toggleSourceMode()},tooltip:"View source",shortcut:"Ctrl+Shift+S"},ignore:{}},k={};function gt(i){var r=this,l=[],a=function(e){return"signal"+e.charAt(0).toUpperCase()+e.slice(1)},e=function(e,t){e=[].slice.call(e);var n,o,r=a(e.shift());for(n=0;ns.length&&c&&3===c.nodeType;)o=c.nodeValue,r=n-s.length,a&&(l=o.length,i=0),a=c,t?(u=i=Math.max(l-r,0),s=o.substr(i,l-i)+s,c=a.previousSibling):(u=i+(l=Math.min(r,o.length)),s+=o.substr(i,l),c=a.nextSibling);return{node:a||c,offset:u,text:s}};function vt(i,e){var l,a,s=e||i.contentDocument||i.document,c="sceditor-start-marker",u="sceditor-end-marker",y=this;y.insertHTML=function(e,t){var n,o;if(!y.selectedRange())return!1;for(t&&(e+=y.selectedHtml()+t),o=De("p",{},s),n=s.createDocumentFragment(),o.innerHTML=e;o.firstChild;)Re(n,o.firstChild);y.insertNode(n)},a=function(e,t,n){var o,r=s.createDocumentFragment();if("string"==typeof e?(t&&(e+=y.selectedHtml()+t),r=et(e)):(Re(r,e),t&&(Re(r,y.selectedRange().extractContents()),Re(r,t))),o=r.lastChild){for(;!rt(o.lastChild,!0);)o=o.lastChild;if(ot(o)?o.lastChild||Re(o,document.createTextNode("​")):o=r,y.removeMarkers(),Re(o,l(c)),Re(o,l(u)),n){var i=De("div");return Re(i,r),i.innerHTML}return r}},y.insertNode=function(e,t){var n=a(e,t),o=y.selectedRange(),r=o.commonAncestorContainer;if(!n)return!1;o.deleteContents(),r&&3!==r.nodeType&&!ot(r)?Ve(n,r):o.insertNode(n),y.restoreRange()},y.cloneSelected=function(){var e=y.selectedRange();if(e)return e.cloneRange()},y.selectedRange=function(){var e,t,n=i.getSelection();if(n){if(n.rangeCount<=0){for(t=s.body;t.firstChild;)t=t.firstChild;(e=s.createRange()).setStartBefore(t),n.addRange(e)}return 0'})},void n.readAsDataURL(t);l[a[c]]=i.getData(a[c])}l.text=l["text/plain"],l.html=l["text/html"],P(l)}else if(!T){var u=r.scrollTop;for(v.saveRange(),T=bt.createDocumentFragment();r.firstChild;)Re(T,r.firstChild);setTimeout(function(){var e=r.innerHTML;r.innerHTML="",Re(r,T),r.scrollTop=u,T=!1,v.restoreRange(),P({html:e})},0)}},P=function(e){var t=De("div",{},d);r.call("pasteRaw",e),Qe(w,"pasteraw",e),e.html?(t.innerHTML=e.html,it(t)):t.innerHTML=pt(e.text||"");var n={val:t.innerHTML};"fragmentToSource"in l&&(n.val=l.fragmentToSource(n.val,d,y)),r.call("paste",n),Qe(w,"paste",n),"fragmentToHtml"in l&&(n.val=l.fragmentToHtml(n.val,y)),r.call("pasteHtml",n),de.wysiwygEditorInsertHtml(n.val,null,!0)},de.closeDropDown=function(e){f&&(Be(f),f=null),!0===e&&de.focus()},de.wysiwygEditorInsertHtml=function(e,t,n){var o,r,i,l=Xe(s);de.focus(),!n&&Ne(b,"code")||(v.insertHTML(e,t),v.saveRange(),N(),_e(o=He(h,"#sceditor-end-marker")[0]),r=h.scrollTop,i=at(o).top+1.5*o.offsetHeight-l,Oe(o),(r").replace(/&/g,"&")),de.wysiwygEditorInsertHtml(e),de},de.getWysiwygEditorValue=function(e){for(var t,n=De("div",{},d),o=h.childNodes,r=0;r"+(xt?"":"
    ")+"

    "),h.innerHTML=e,N(),Z(),le(),ue()},de.setSourceEditorValue=function(e){c.value=e,le()},de.updateOriginal=function(){a.value=de.val()},N=function(){var e,c,u,d,t,f,p;ye.emoticonsEnabled&&(e=h,c=ve,u=ye.emoticonsCompat,d=e.ownerDocument,t="(^|\\s| | | | |$)",f=[],p={},Me(e,"code")||(Ee(c,function(e){p[e]=new RegExp(t+ft(e)+t),f.push(e)}),f.sort(function(e,t){return t.length-e.length}),function e(t){for(t=t.firstChild;t;){if(t.nodeType!==Se||qe(t,"code")||e(t),t.nodeType===Te)for(var n=0;n")}e.preventDefault()}},Z=function(){Ze(h,function(e){if(e.nodeType===Se&&!/inline/.test(je(e,"display"))&&!qe(e,".sceditor-nlf")&&tt(e)){var t=De("p",{},d);return t.className="sceditor-nlf",t.innerHTML=wt?"":"
    ",Re(h,t),!1}if(3===e.nodeType&&!/^\s*$/.test(e.nodeValue)||qe(e,"br"))return!1})},$=function(){de.val(a.value)},U=function(){de.closeDropDown(),p=null},de._=function(){var n=arguments;return t&&t[n[0]]&&(n[0]=t[n[0]]),n[0].replace(/\{(\d+)\}/g,function(e,t){return void 0!==n[t-0+1]?n[t-0+1]:"{"+t+"}"})},K=function(t){r&&r.call(t.type+"Event",t,de);var e=(t.target===c?"scesrc":"scewys")+t.type;fe[e]&&fe[e].forEach(function(e){e.call(de,t)})},de.bind=function(e,t,n,o){for(var r=(e=e.split(" ")).length;r--;)if(we(t)){var i="scewys"+e[r],l="scesrc"+e[r];n||(fe[i]=fe[i]||[],fe[i].push(t)),o||(fe[l]=fe[l]||[],fe[l].push(t)),"valuechanged"===e[r]&&(le.hasHandler=!0)}return de},de.unbind=function(e,t,n,o){for(var r=(e=e.split(" ")).length;r--;)we(t)&&(n||Ce(fe["scewys"+e[r]]||[],t),o||Ce(fe["scesrc"+e[r]]||[],t));return de},de.blur=function(e,t,n){return we(e)?de.bind("blur",e,t,n):de.sourceMode()?c.blur():h.blur(),de},de.focus=function(e,t,n){if(we(e))de.bind("focus",e,t,n);else if(de.inSourceMode())c.focus();else{if(He(d,":focus").length)return;var o,r=v.selectedRange();x||ne(),!wt&&r&&1===r.endOffset&&r.collapsed&&(o=r.endContainer)&&1===o.childNodes.length&&qe(o.firstChild,"br")&&(r.setStartBefore(o.firstChild),r.collapse(!0),v.selectRange(r)),i.focus(),h.focus(),p&&(v.selectRange(p),p=null)}return G(),de},de.keyDown=function(e,t,n){return de.bind("keydown",e,t,n)},de.keyPress=function(e,t,n){return de.bind("keypress",e,t,n)},de.keyUp=function(e,t,n){return de.bind("keyup",e,t,n)},de.nodeChanged=function(e){return de.bind("nodechanged",e,!1,!0)},de.selectionChanged=function(e){return de.bind("selectionchanged",e,!1,!0)},de.valueChanged=function(e,t,n){return de.bind("valuechanged",e,t,n)},oe=function(e){var n=0,o=de.emoticonsCache,t=String.fromCharCode(e.which);Ne(b,"code")||(o||(o=[],Ee(ve,function(e,t){o[n++]=[e,t]}),o.sort(function(e,t){return e[0].length-t[0].length}),de.emoticonsCache=o,de.longestEmoticonCode=o[o.length-1][0].length),v.replaceKeyword(de.emoticonsCache,!0,!0,de.longestEmoticonCode,ye.emoticonsCompat,t)&&(ye.emoticonsCompat&&/^\s$/.test(t)||e.preventDefault()))},re=function(){!function(e,t){var n=/[^\s\xA0\u2002\u2003\u2009\u00a0]+/,o=e&&He(e,"img[data-sceditor-emoticon]");if(e&&o.length)for(var r=0;r","/":"?","\\":"|","[":"{","]":"}"},o={109:"-",110:"del",111:"/",96:"0",97:"1",98:"2",99:"3",100:"4",101:"5",102:"6",103:"7",104:"8",105:"9"},r=e.which,i={8:"backspace",9:"tab",13:"enter",19:"pause",20:"capslock",27:"esc",32:"space",33:"pageup",34:"pagedown",35:"end",36:"home",37:"left",38:"up",39:"right",40:"down",45:"insert",46:"del",91:"win",92:"win",93:"select",96:"0",97:"1",98:"2",99:"3",100:"4",101:"5",102:"6",103:"7",104:"8",105:"9",106:"*",107:"+",109:"-",110:".",111:"/",112:"f1",113:"f2",114:"f3",115:"f4",116:"f5",117:"f6",118:"f7",119:"f8",120:"f9",121:"f10",122:"f11",123:"f12",144:"numlock",145:"scrolllock",186:";",187:"=",188:",",189:"-",190:".",191:"/",192:"`",219:"[",220:"\\",221:"]",222:"'"}[r]||String.fromCharCode(r).toLowerCase();(e.ctrlKey||e.metaKey)&&t.push("ctrl"),e.altKey&&t.push("alt"),e.shiftKey&&(t.push("shift"),o[r]?i=o[r]:n[i]&&(i=n[i])),i&&(r<16||18{0}"},i:{tags:{i:null,em:null},styles:{"font-style":["italic","oblique"]},format:"[i]{0}[/i]",html:"{0}"},u:{tags:{u:null},styles:{"text-decoration":["underline"]},format:"[u]{0}[/u]",html:"{0}"},s:{tags:{s:null,strike:null},styles:{"text-decoration":["line-through"]},format:"[s]{0}[/s]",html:"{0}"},sub:{tags:{sub:null},format:"[sub]{0}[/sub]",html:"{0}"},sup:{tags:{sup:null},format:"[sup]{0}[/sup]",html:"{0}"},font:{tags:{font:{face:null}},styles:{"font-family":null},quoteType:x.never,format:function(e,t){var n;return v(e,"font")&&(n=g(e,"face"))||(n=m(e,"font-family")),"[font="+E(n)+"]"+t+"[/font]"},html:'{0}'},size:{tags:{font:{size:null}},styles:{"font-size":null},format:function(e,t){var n=g(e,"size"),o=2;return n||(n=m(e,"fontSize")),-1{!0}'},color:{tags:{font:{color:null}},styles:{color:null},quoteType:x.never,format:function(e,t){var n;return v(e,"font")&&(n=g(e,"color"))||(n=e.style.color||m(e,"color")),"[color="+u(n)+"]"+t+"[/color]"},html:function(e,t,n){return''+n+""}},ul:{tags:{ul:null},breakStart:!0,isInline:!1,skipLastLineBreak:!0,format:"[ul]{0}[/ul]",html:"
      {0}
    "},list:{breakStart:!0,isInline:!1,skipLastLineBreak:!0,html:"
      {0}
    "},ol:{tags:{ol:null},breakStart:!0,isInline:!1,skipLastLineBreak:!0,format:"[ol]{0}[/ol]",html:"
      {0}
    "},li:{tags:{li:null},isInline:!1,closedBy:["/ul","/ol","/list","*","li"],format:"[li]{0}[/li]",html:"
  • {0}
    • "},"*":{isInline:!1,closedBy:["/ul","/ol","/list","*","li"],html:"
  • {0}
    • "},table:{tags:{table:null},isInline:!1,isHtmlInline:!0,skipLastLineBreak:!0,format:"[table]{0}[/table]",html:"{0}
    "},tr:{tags:{tr:null},isInline:!1,skipLastLineBreak:!0,format:"[tr]{0}[/tr]",html:"{0}"},th:{tags:{th:null},allowsEmpty:!0,isInline:!1,format:"[th]{0}[/th]",html:"{0}"},td:{tags:{td:null},allowsEmpty:!0,isInline:!1,format:"[td]{0}[/td]",html:"{0}"},emoticon:{allowsEmpty:!0,tags:{img:{src:null,"data-sceditor-emoticon":null}},format:function(e,t){return g(e,b)+t},html:"{0}"},hr:{tags:{hr:null},allowsEmpty:!0,isSelfClosing:!0,isInline:!1,format:"[hr]{0}",html:"
    "},img:{allowsEmpty:!0,tags:{img:{src:null}},allowedChildren:["#"],quoteType:x.never,format:function(t,e){var n,o,r="",i=function(e){return t.style?t.style[e]:null};return g(t,b)?e:(n=g(t,"width")||i("width"),o=g(t,"height")||i("height"),(t.complete&&(n||o)||n&&o)&&(r="="+h.width(t)+"x"+h.height(t)),"[img"+r+"]"+g(t,"src")+"[/img]")},html:function(e,t,n){var o,r,i,l="";return o=t.width,r=t.height,t.defaultattr&&(o=(i=t.defaultattr.split(/x/i))[0],r=2===i.length?i[1]:i[0]),void 0!==o&&(l+=' width="'+f(o,!0)+'"'),void 0!==r&&(l+=' height="'+f(r,!0)+'"'),"'}},url:{allowsEmpty:!0,tags:{a:{href:null}},quoteType:x.never,format:function(e,t){var n=g(e,"href");return"mailto:"===n.substr(0,7)?'[email="'+n.substr(7)+'"]'+t+"[/email]":"[url="+n+"]"+t+"[/url]"},html:function(e,t,n){return t.defaultattr=f(t.defaultattr,!0)||n,''+n+""}},email:{quoteType:x.never,html:function(e,t,n){return''+n+""}},quote:{tags:{blockquote:null},isInline:!1,quoteType:x.never,format:function(e,t){for(var n,o="data-author",r="",i=e.children,l=0;!n&&l"+n),"
    "+n+"
    "}},code:{tags:{code:null},isInline:!1,allowedChildren:["#","#newline"],format:"[code]{0}[/code]",html:"{0}"},left:{styles:{"text-align":["left","-webkit-left","-moz-left","-khtml-left"]},isInline:!1,format:"[left]{0}[/left]",html:'
    {0}
    '},center:{styles:{"text-align":["center","-webkit-center","-moz-center","-khtml-center"]},isInline:!1,format:"[center]{0}[/center]",html:'
    {0}
    '},right:{styles:{"text-align":["right","-webkit-right","-moz-right","-khtml-right"]},isInline:!1,format:"[right]{0}[/right]",html:'
    {0}
    '},justify:{styles:{"text-align":["justify","-webkit-justify","-moz-justify","-khtml-justify"]},isInline:!1,format:"[justify]{0}[/justify]",html:'
    {0}
    '},youtube:{allowsEmpty:!0,tags:{iframe:{"data-youtube-id":null}},format:function(e,t){return(e=g(e,"data-youtube-id"))?"[youtube]"+e+"[/youtube]":t},html:''},rtl:{styles:{direction:["rtl"]},isInline:!1,format:"[rtl]{0}[/rtl]",html:'
    {0}
    '},ltr:{styles:{direction:["ltr"]},isInline:!1,format:"[ltr]{0}[/ltr]",html:'
    {0}
    '},ignore:{}};function k(e,o){return e.replace(/\{([^}]+)\}/g,function(e,t){var n=!0;return"!"===t.charAt(0)&&(n=!1,t=t.substring(1)),"0"===t&&(n=!1),void 0===o[t]?e:n?f(o[t],!0):o[t]})}function C(e){return"function"==typeof e}function E(e){return e?e.replace(/\\(.)/g,"$1").replace(/^(["'])(.*?)\1$/,"$2"):e}function S(e){var n=arguments;return e.replace(/\{(\d+)\}/g,function(e,t){return void 0!==n[t-0+1]?n[t-0+1]:"{"+t+"}"})}var T="open",D="content",M="newline",N="close";function c(e,t,n,o,r,i){var l=this;l.type=e,l.name=t,l.val=n,l.attrs=o||{},l.children=r||[],l.closing=i||null}function B(e){var h=this;function l(e,t){var n,o,r;return e===T&&(n=t.match(/\[([^\]\s=]+)(?:([^\]]+))?\]/))&&(r=i(n[1]),n[2]&&(n[2]=n[2].trim())&&(o=function(e){var t,n=/([^\s=]+)=(?:(?:(["'])((?:\\\2|[^\2])*?)\2)|((?:.(?!\s\S+=))*.))/g,o={};if("="===e.charAt(0)&&e.indexOf("=",1)<0)o.defaultattr=E(e.substr(1));else for("="===e.charAt(0)&&(e="defaultattr"+e);t=n.exec(e);)o[i(t[1])]=E(t[3])||t[4];return o}(n[2]))),e===N&&(n=t.match(/\[\/([^\[\]]+)\]/))&&(r=i(n[1])),e===M&&(r="#newline"),r&&(e!==T&&e!==N||w[r])||(e=D,r="#"),new c(e,r,t,o)}function p(e,t,n){for(var o=n.length;o--;)if(n[o].type===t&&n[o].name===e)return!0;return!1}function m(e,t){var n=(e?w[e.name]:{}).allowedChildren;return!h.opts.fixInvalidChildren||!n||-1"),C(r.html)?l=r.html.call(h,o,o.attrs,i):(o.attrs[0]=i,l=k(r.html,o.attrs))):l=o.val+i+(o.closing?o.closing.val:"");else{if(o.type===M){if(!n){d.push("
    ");continue}s||d.push("
    "),y||d.push("
    "),t.length||d.push("
    "),d.push("
    \n"),s=!1;continue}a=n,l=f(o.val,!0)}a&&!s?(d.push("
    "),s=!0):!a&&s&&(d.push("
    \n"),s=!1),d.push(l)}s&&d.push("
    \n");return d.join("")}(h.parse(e,t),!0)},h.toBBCode=function(e,t){return function e(t){var n,o,r,i,l,a,s,c,u,d,f=[];for(;0\n/g,"
    "),(r=a.firstChild)&&v(r,"div")&&l(r,!0),(r=a.lastChild)&&v(r,"div")&&l(r),a.innerHTML):s}function t(e,t,n,o){var r,i,l=(n=n||document).createElement("div"),a=n.createElement("div"),s=new B(c.opts.parserOptions);for(a.innerHTML=t,m(l,"visibility","hidden"),l.appendChild(a),n.body.appendChild(l),e&&(l.insertBefore(n.createTextNode("#"),l.firstChild),l.appendChild(n.createTextNode("#"))),o&&m(a,"whiteSpace",m(o,"whiteSpace")),i=a.getElementsByClassName("sceditor-ignore");i.length;)i[0].parentNode.removeChild(i[0]);return h.removeWhiteSpace(l),r=p(a),n.body.removeChild(l),r=s.toBBCode(r,!0),c.opts.bbcodeTrim&&(r=r.trim()),r}c.init=function(){c.opts=this.opts,c.elementToBbcode=p,s(w,function(n){var o,e=w[n].tags,t=w[n].styles;e&&s(e,function(e,t){o=!1===w[n].isInline,l[e]=l[e]||{},l[e][o]=l[e][o]||{},l[e][o][n]=t}),t&&s(t,function(e,t){o=!1===w[n].isInline,a[o]=a[o]||{},a[o][e]=a[o][e]||{},a[o][e][n]=t})}),this.commands=n(!0,{},r,this.commands),this.toBBCode=c.toSource,this.fromBBCode=c.toHtml},c.toHtml=e.bind(null,!1),c.fragmentToHtml=e.bind(null,!0),c.toSource=t.bind(null,!1),c.fragmentToSource=t.bind(null,!0)}c.prototype={clone:function(){var e=this;return new c(e.type,e.name,e.val,n({},e.attrs),[],e.closing?e.closing.clone():null)},splitAt:function(e){var t,n=this.clone(),o=this.children.indexOf(e);return-1":">"," ":"  ","\r\n":"
    ","\r":"
    ","\n":"
    "};return!1!==t&&(n['"']=""",n["'"]="'",n["`"]="`"),e=e.replace(/ {2}|\r\n|[&<>\r\n'"`]/g,function(e){return n[e]||e})}var b={html:'

    ',toolbarButton:'
    {dispName}
    ',emoticon:'{key}',fontOpt:'{font}',sizeOpt:'{size}',pastetext:'
    ',table:'
    ',image:'
    ',email:'
    ',link:'
    ',youtubeMenu:'
    ',youtube:''};function mt(e,t,n){var o=b[e];return Object.keys(t).forEach(function(e){o=o.replace(new RegExp(ft("{"+e+"}"),"g"),t[e])}),n&&(o=et(o)),o}var x=v&&v<11;function w(e){if("mozHidden"in document)for(var t,n=e.getBody();n;){if((t=n).firstChild)t=t.firstChild;else{for(;t&&!t.nextSibling;)t=t.parentNode;t&&(t=t.nextSibling)}3===n.nodeType&&/[\n\r\t]+/.test(n.nodeValue)&&(/^pre/.test(Pe(n.parentNode,"whiteSpace"))||Re(n)),n=t}}var gt={bold:{exec:"bold",tooltip:"Bold",shortcut:"Ctrl+B"},italic:{exec:"italic",tooltip:"Italic",shortcut:"Ctrl+I"},underline:{exec:"underline",tooltip:"Underline",shortcut:"Ctrl+U"},strike:{exec:"strikethrough",tooltip:"Strikethrough"},subscript:{exec:"subscript",tooltip:"Subscript"},superscript:{exec:"superscript",tooltip:"Superscript"},left:{state:function(e){if(e&&3===e.nodeType&&(e=e.parentNode),e){var t="ltr"===Pe(e,"direction"),n=Pe(e,"textAlign");return"left"===n||n===(t?"start":"end")}},exec:"justifyleft",tooltip:"Align left"},center:{exec:"justifycenter",tooltip:"Center"},right:{state:function(e){if(e&&3===e.nodeType&&(e=e.parentNode),e){var t="ltr"===Pe(e,"direction"),n=Pe(e,"textAlign");return"right"===n||n===(t?"end":"start")}},exec:"justifyright",tooltip:"Align right"},justify:{exec:"justifyfull",tooltip:"Justify"},font:{_dropDown:function(t,e,n){var o=De("div");ze(o,"click","a",function(e){n(Ve(this,"font")),t.closeDropDown(!0),e.preventDefault()}),t.opts.fonts.split(",").forEach(function(e){Fe(o,mt("fontOpt",{font:e},!0))}),t.createDropDown(e,"font-picker",o)},exec:function(e){var t=this;gt.font._dropDown(t,e,function(e){t.execCommand("fontname",e)})},tooltip:"Font Name"},size:{_dropDown:function(t,e,n){var o=De("div");ze(o,"click","a",function(e){n(Ve(this,"size")),t.closeDropDown(!0),e.preventDefault()});for(var r=1;r<=7;r++)Fe(o,mt("sizeOpt",{size:r},!0));t.createDropDown(e,"fontsize-picker",o)},exec:function(e){var t=this;gt.size._dropDown(t,e,function(e){t.execCommand("fontsize",e)})},tooltip:"Font Size"},color:{_dropDown:function(t,e,n){var o=De("div"),r="",i=gt.color;i._htmlCache||(t.opts.colors.split("|").forEach(function(e){r+='
    ',e.split(",").forEach(function(e){r+=''}),r+="
    "}),i._htmlCache=r),Fe(o,et(i._htmlCache)),ze(o,"click","a",function(e){n(Ve(this,"color")),t.closeDropDown(!0),e.preventDefault()}),t.createDropDown(e,"color-picker",o)},exec:function(e){var t=this;gt.color._dropDown(t,e,function(e){t.execCommand("forecolor",e)})},tooltip:"Font Color"},removeformat:{exec:"removeformat",tooltip:"Remove Formatting"},cut:{exec:"cut",tooltip:"Cut",errorMessage:"Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X"},copy:{exec:"copy",tooltip:"Copy",errorMessage:"Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C"},paste:{exec:"paste",tooltip:"Paste",errorMessage:"Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V"},pastetext:{exec:function(e){var t,n=De("div"),o=this;Fe(n,mt("pastetext",{label:o._("Paste your text inside the following box:"),insert:o._("Insert")},!0)),ze(n,"click",".button",function(e){(t=He(n,"#txt")[0].value)&&o.wysiwygEditorInsertText(t),o.closeDropDown(!0),e.preventDefault()}),o.createDropDown(e,"pastetext",n)},tooltip:"Paste Text"},bulletlist:{exec:function(){w(this),this.execCommand("insertunorderedlist")},tooltip:"Bullet list"},orderedlist:{exec:function(){w(this),this.execCommand("insertorderedlist")},tooltip:"Numbered list"},indent:{state:function(e,t){var n,o,r;return We(t,"li")?0:We(t,"ul,ol,menu")&&(o=(n=this.getRangeHelper().selectedRange()).startContainer.parentNode,r=n.endContainer.parentNode,o!==o.parentNode.firstElementChild||We(r,"li")&&r!==r.parentNode.lastElementChild)?0:-1},exec:function(){var e=this.getRangeHelper().getFirstBlockParent();this.focus(),Ne(e,"ul,ol,menu")&&this.execCommand("indent")},tooltip:"Add indent"},outdent:{state:function(e,t){return Ne(t,"ul,ol,menu")?0:-1},exec:function(){Ne(this.getRangeHelper().getFirstBlockParent(),"ul,ol,menu")&&this.execCommand("outdent")},tooltip:"Remove one indent"},table:{exec:function(e){var r=this,i=De("div");Fe(i,mt("table",{rows:r._("Rows:"),cols:r._("Cols:"),insert:r._("Insert")},!0)),ze(i,"click",".button",function(e){var t=Number(He(i,"#rows")[0].value),n=Number(He(i,"#cols")[0].value),o="";0"+Array(n+1).join("")+""),o+="
    "+(x?"":"
    ")+"
    ",r.wysiwygEditorInsertHtml(o),r.closeDropDown(!0),e.preventDefault())}),r.createDropDown(e,"inserttable",i)},tooltip:"Insert a table"},horizontalrule:{exec:"inserthorizontalrule",tooltip:"Insert a horizontal rule"},code:{exec:function(){this.wysiwygEditorInsertHtml("",(x?"":"
    ")+"    ")},tooltip:"Code"},image:{_dropDown:function(t,e,n,o){var r=De("div");Fe(r,mt("image",{url:t._("URL:"),width:t._("Width (optional):"),height:t._("Height (optional):"),insert:t._("Insert")},!0));var i=He(r,"#image")[0];i.value=n,ze(r,"click",".button",function(e){i.value&&o(i.value,He(r,"#width")[0].value,He(r,"#height")[0].value),t.closeDropDown(!0),e.preventDefault()}),t.createDropDown(e,"insertimage",r)},exec:function(e){var r=this;gt.image._dropDown(r,e,"",function(e,t,n){var o="";t&&(o+=' width="'+t+'"'),n&&(o+=' height="'+n+'"'),r.wysiwygEditorInsertHtml("')})},tooltip:"Insert an image"},email:{_dropDown:function(n,e,o){var r=De("div");Fe(r,mt("email",{label:n._("E-mail:"),desc:n._("Description (optional):"),insert:n._("Insert")},!0)),ze(r,"click",".button",function(e){var t=He(r,"#email")[0].value;t&&o(t,He(r,"#des")[0].value),n.closeDropDown(!0),e.preventDefault()}),n.createDropDown(e,"insertemail",r)},exec:function(e){var n=this;gt.email._dropDown(n,e,function(e,t){n.focus(),!n.getRangeHelper().selectedHtml()||t?n.wysiwygEditorInsertHtml(''+(t||e)+""):n.execCommand("createlink","mailto:"+e)})},tooltip:"Insert an email"},link:{_dropDown:function(t,e,n){var o=De("div");Fe(o,mt("link",{url:t._("URL:"),desc:t._("Description (optional):"),ins:t._("Insert")},!0));var r=He(o,"#link")[0];function i(e){r.value&&n(r.value,He(o,"#des")[0].value),t.closeDropDown(!0),e.preventDefault()}ze(o,"click",".button",i),ze(o,"keypress",function(e){13===e.which&&r.value&&i(e)},_e),t.createDropDown(e,"insertlink",o)},exec:function(e){var n=this;gt.link._dropDown(n,e,function(e,t){n.focus(),t||!n.getRangeHelper().selectedHtml()?(t=t||e,n.wysiwygEditorInsertHtml(''+t+"")):n.execCommand("createlink",e)})},tooltip:"Insert a link"},unlink:{state:function(){return Ne(this.currentNode(),"a")?0:-1},exec:function(){var e=Ne(this.currentNode(),"a");if(e){for(;e.firstChild;)je(e.firstChild,e);Re(e)}},tooltip:"Unlink"},quote:{exec:function(e,t,n){var o="
    ",r="
    ";t?(o=o+(n=n?""+n+"":"")+t+r,r=null):""===this.getRangeHelper().selectedHtml()&&(r=(x?"":"
    ")+r),this.wysiwygEditorInsertHtml(o,r)},tooltip:"Insert a Quote"},emoticon:{exec:function(f){var p=this,m=function(e){var t,n,o=p.opts,r=o.emoticonsRoot||"",i=o.emoticonsCompat,a=p.getRangeHelper(),l=i&&" "!==a.getOuterText(!0,1)?" ":"",c=i&&" "!==a.getOuterText(!1,1)?" ":"",s=De("div"),u=De("div"),d=Ce({},o.emoticons.dropdown,e?o.emoticons.more:{});return Fe(s,u),n=Math.sqrt(Object.keys(d).length),ze(s,"click","img",function(e){p.insert(l+Ae(this,"alt")+c,null,!1).closeDropDown(!0),e.preventDefault()}),Se(d,function(e,t){Fe(u,De("img",{src:r+(t.url||t),alt:e,title:t.tooltip||e})),u.children.length>=n&&(u=De("div"),Fe(s,u))}),!e&&o.emoticons.more&&(Fe(t=De("a",{className:"sceditor-more"}),document.createTextNode(p._("More"))),ze(t,"click",function(e){p.createDropDown(f,"more-emoticons",m(!0)),e.preventDefault()}),Fe(s,t)),s};p.createDropDown(f,"emoticons",m(!1))},txtExec:function(e){gt.emoticon.exec.call(this,e)},tooltip:"Insert an emoticon"},youtube:{_dropDown:function(i,e,a){var l=De("div");Fe(l,mt("youtubeMenu",{label:i._("Video URL:"),insert:i._("Insert")},!0)),ze(l,"click",".button",function(e){var t=He(l,"#link")[0].value,n=t.match(/(?:v=|v\/|embed\/|youtu.be\/)(.{11})/),o=t.match(/[&|?](?:star)?t=((\d+[hms]?){1,3})/),r=0;o&&Se(o[1].split(/[hms]/),function(e,t){""!==t&&(r=60*r+Number(t))}),n&&/^[a-zA-Z0-9_\-]{11}$/.test(n[1])&&a(n[1],r),i.closeDropDown(!0),e.preventDefault()}),i.createDropDown(e,"insertlink",l)},exec:function(e){var n=this;gt.youtube._dropDown(n,e,function(e,t){n.wysiwygEditorInsertHtml(mt("youtube",{id:e,time:t}))})},tooltip:"Insert a YouTube video"},date:{_date:function(e){var t=new Date,n=t.getYear(),o=t.getMonth()+1,r=t.getDate();return n<2e3&&(n=1900+n),o<10&&(o="0"+o),r<10&&(r="0"+r),e.opts.dateFormat.replace(/year/i,n).replace(/month/i,o).replace(/day/i,r)},exec:function(){this.insertText(gt.date._date(this))},txtExec:function(){this.insertText(gt.date._date(this))},tooltip:"Insert current date"},time:{_time:function(){var e=new Date,t=e.getHours(),n=e.getMinutes(),o=e.getSeconds();return t<10&&(t="0"+t),n<10&&(n="0"+n),o<10&&(o="0"+o),t+":"+n+":"+o},exec:function(){this.insertText(gt.time._time())},txtExec:function(){this.insertText(gt.time._time())},tooltip:"Insert current time"},ltr:{state:function(e,t){return t&&"ltr"===t.style.direction},exec:function(){var e=this.getRangeHelper(),t=e.getFirstBlockParent();(this.focus(),t&&!We(t,"body")||(this.execCommand("formatBlock","p"),(t=e.getFirstBlockParent())&&!We(t,"body")))&&Pe(t,"direction","ltr"===Pe(t,"direction")?"":"ltr")},tooltip:"Left-to-Right"},rtl:{state:function(e,t){return t&&"rtl"===t.style.direction},exec:function(){var e=this.getRangeHelper(),t=e.getFirstBlockParent();(this.focus(),t&&!We(t,"body")||(this.execCommand("formatBlock","p"),(t=e.getFirstBlockParent())&&!We(t,"body")))&&Pe(t,"direction","rtl"===Pe(t,"direction")?"":"rtl")},tooltip:"Right-to-Left"},print:{exec:"print",tooltip:"Print"},maximize:{state:function(){return this.maximize()},exec:function(){this.maximize(!this.maximize())},txtExec:function(){this.maximize(!this.maximize())},tooltip:"Maximize",shortcut:"Ctrl+Shift+M"},source:{state:function(){return this.sourceMode()},exec:function(){this.toggleSourceMode()},txtExec:function(){this.toggleSourceMode()},tooltip:"View source",shortcut:"Ctrl+Shift+S"},ignore:{}},C={};function ht(i){var r=this,a=[],l=function(e){return"signal"+e.charAt(0).toUpperCase()+e.slice(1)},e=function(e,t){e=[].slice.call(e);var n,o,r=l(e.shift());for(n=0;nc.length&&s&&3===s.nodeType;)o=s.nodeValue,r=n-c.length,l&&(a=o.length,i=0),l=s,t?(u=i=Math.max(a-r,0),c=o.substr(i,a-i)+c,s=l.previousSibling):(u=i+(a=Math.min(r,o.length)),c+=o.substr(i,a),s=l.nextSibling);return{node:l||s,offset:u,text:c}};function vt(i,e){var a,l,c=e||i.contentDocument||i.document,s="sceditor-start-marker",u="sceditor-end-marker",y=this;y.insertHTML=function(e,t){var n,o;if(!y.selectedRange())return!1;for(t&&(e+=y.selectedHtml()+t),o=De("p",{},c),n=c.createDocumentFragment(),o.innerHTML=e;o.firstChild;)Fe(n,o.firstChild);y.insertNode(n)},l=function(e,t,n){var o,r=c.createDocumentFragment();if("string"==typeof e?(t&&(e+=y.selectedHtml()+t),r=et(e)):(Fe(r,e),t&&(Fe(r,y.selectedRange().extractContents()),Fe(r,t))),o=r.lastChild){for(;!rt(o.lastChild,!0);)o=o.lastChild;if(ot(o)?o.lastChild||Fe(o,document.createTextNode("​")):o=r,y.removeMarkers(),Fe(o,a(s)),Fe(o,a(u)),n){var i=De("div");return Fe(i,r),i.innerHTML}return r}},y.insertNode=function(e,t){var n=l(e,t),o=y.selectedRange(),r=o.commonAncestorContainer;if(!n)return!1;o.deleteContents(),r&&3!==r.nodeType&&!ot(r)?je(n,r):o.insertNode(n),y.restoreRange()},y.cloneSelected=function(){var e=y.selectedRange();if(e)return e.cloneRange()},y.selectedRange=function(){var e,t,n=i.getSelection();if(n){if(n.rangeCount<=0){for(t=c.body;t.firstChild;)t=t.firstChild;(e=c.createRange()).setStartBefore(t),n.addRange(e)}return 0'})},void n.readAsDataURL(t);a[l[s]]=i.getData(l[s])}a.text=a["text/plain"],a.html=a["text/html"],V(a)}else if(!T){var u=r.scrollTop;for(v.saveRange(),T=bt.createDocumentFragment();r.firstChild;)Fe(T,r.firstChild);setTimeout(function(){var e=r.innerHTML;r.innerHTML="",Fe(r,T),r.scrollTop=u,T=!1,v.restoreRange(),V({html:e})},0)}},V=function(e){var t=De("div",{},d);r.call("pasteRaw",e),Qe(w,"pasteraw",e),e.html?(t.innerHTML=e.html,it(t)):t.innerHTML=pt(e.text||"");var n={val:t.innerHTML};"fragmentToSource"in a&&(n.val=a.fragmentToSource(n.val,d,y)),r.call("paste",n),Qe(w,"paste",n),"fragmentToHtml"in a&&(n.val=a.fragmentToHtml(n.val,y)),r.call("pasteHtml",n),de.wysiwygEditorInsertHtml(n.val,null,!0)},de.closeDropDown=function(e){f&&(Re(f),f=null),!0===e&&de.focus()},de.wysiwygEditorInsertHtml=function(e,t,n){var o,r,i,a=Xe(c);de.focus(),!n&&Ne(b,"code")||(v.insertHTML(e,t),v.saveRange(),N(),Ie(o=He(m,"#sceditor-end-marker")[0]),r=m.scrollTop,i=lt(o).top+1.5*o.offsetHeight-a,Be(o),(r").replace(/&/g,"&")),de.wysiwygEditorInsertHtml(e),de},de.getWysiwygEditorValue=function(e){for(var t,n=De("div",{},d),o=m.childNodes,r=0;r"+(xt?"":"
    ")+"

    "),m.innerHTML=e,N(),Z(),ae(),ue()},de.setSourceEditorValue=function(e){s.value=e,ae()},de.updateOriginal=function(){l.value=de.val()},N=function(){var e,s,u,d,t,f,p;ye.emoticonsEnabled&&(e=m,s=ve,u=ye.emoticonsCompat,d=e.ownerDocument,t="(^|\\s| | | | |$)",f=[],p={},Me(e,"code")||(Se(s,function(e){p[e]=new RegExp(t+ft(e)+t),f.push(e)}),f.sort(function(e,t){return t.length-e.length}),function e(t){for(t=t.firstChild;t;){if(t.nodeType!==Ee||We(t,"code")||e(t),t.nodeType===Te)for(var n=0;n")}e.preventDefault()}}},Z=function(){Ze(m,function(e){if(e.nodeType===Ee&&!/inline/.test(Pe(e,"display"))&&!We(e,".sceditor-nlf")&&tt(e)){var t=De("p",{},d);return t.className="sceditor-nlf",t.innerHTML=wt?"":"
    ",Fe(m,t),!1}if(3===e.nodeType&&!/^\s*$/.test(e.nodeValue)||We(e,"br"))return!1})},U=function(){de.val(l.value)},$=function(){de.closeDropDown(),p=null},de._=function(){var n=arguments;return t&&t[n[0]]&&(n[0]=t[n[0]]),n[0].replace(/\{(\d+)\}/g,function(e,t){return void 0!==n[t-0+1]?n[t-0+1]:"{"+t+"}"})},K=function(t){r&&r.call(t.type+"Event",t,de);var e=(t.target===s?"scesrc":"scewys")+t.type;fe[e]&&fe[e].forEach(function(e){e.call(de,t)})},de.bind=function(e,t,n,o){for(var r=(e=e.split(" ")).length;r--;)if(we(t)){var i="scewys"+e[r],a="scesrc"+e[r];n||(fe[i]=fe[i]||[],fe[i].push(t)),o||(fe[a]=fe[a]||[],fe[a].push(t)),"valuechanged"===e[r]&&(ae.hasHandler=!0)}return de},de.unbind=function(e,t,n,o){for(var r=(e=e.split(" ")).length;r--;)we(t)&&(n||ke(fe["scewys"+e[r]]||[],t),o||ke(fe["scesrc"+e[r]]||[],t));return de},de.blur=function(e,t,n){return we(e)?de.bind("blur",e,t,n):de.sourceMode()?s.blur():m.blur(),de},de.focus=function(e,t,n){if(we(e))de.bind("focus",e,t,n);else if(de.inSourceMode())s.focus();else{if(He(d,":focus").length)return;var o,r=v.selectedRange();x||ne(),!wt&&r&&1===r.endOffset&&r.collapsed&&(o=r.endContainer)&&1===o.childNodes.length&&We(o.firstChild,"br")&&(r.setStartBefore(o.firstChild),r.collapse(!0),v.selectRange(r)),i.focus(),m.focus(),p&&(v.selectRange(p),p=null)}return G(),de},de.keyDown=function(e,t,n){return de.bind("keydown",e,t,n)},de.keyPress=function(e,t,n){return de.bind("keypress",e,t,n)},de.keyUp=function(e,t,n){return de.bind("keyup",e,t,n)},de.nodeChanged=function(e){return de.bind("nodechanged",e,!1,!0)},de.selectionChanged=function(e){return de.bind("selectionchanged",e,!1,!0)},de.valueChanged=function(e,t,n){return de.bind("valuechanged",e,t,n)},oe=function(e){var n=0,o=de.emoticonsCache,t=String.fromCharCode(e.which);Ne(b,"code")||(o||(o=[],Se(ve,function(e,t){o[n++]=[e,t]}),o.sort(function(e,t){return e[0].length-t[0].length}),de.emoticonsCache=o,de.longestEmoticonCode=o[o.length-1][0].length),v.replaceKeyword(de.emoticonsCache,!0,!0,de.longestEmoticonCode,ye.emoticonsCompat,t)&&(ye.emoticonsCompat&&/^\s$/.test(t)||e.preventDefault()))},re=function(){!function(e,t){var n=/[^\s\xA0\u2002\u2003\u2009\u00a0]+/,o=e&&He(e,"img[data-sceditor-emoticon]");if(e&&o.length)for(var r=0;r","/":"?","\\":"|","[":"{","]":"}"},o={109:"-",110:"del",111:"/",96:"0",97:"1",98:"2",99:"3",100:"4",101:"5",102:"6",103:"7",104:"8",105:"9"},r=e.which,i={8:"backspace",9:"tab",13:"enter",19:"pause",20:"capslock",27:"esc",32:"space",33:"pageup",34:"pagedown",35:"end",36:"home",37:"left",38:"up",39:"right",40:"down",45:"insert",46:"del",91:"win",92:"win",93:"select",96:"0",97:"1",98:"2",99:"3",100:"4",101:"5",102:"6",103:"7",104:"8",105:"9",106:"*",107:"+",109:"-",110:".",111:"/",112:"f1",113:"f2",114:"f3",115:"f4",116:"f5",117:"f6",118:"f7",119:"f8",120:"f9",121:"f10",122:"f11",123:"f12",144:"numlock",145:"scrolllock",186:";",187:"=",188:",",189:"-",190:".",191:"/",192:"`",219:"[",220:"\\",221:"]",222:"'"}[r]||String.fromCharCode(r).toLowerCase();(e.ctrlKey||e.metaKey)&&t.push("ctrl"),e.altKey&&t.push("alt"),e.shiftKey&&(t.push("shift"),o[r]?i=o[r]:n[i]&&(i=n[i])),i&&(r<16||18":">"," ":"  ","\r\n":"
    ","\r":"
    ","\n":"
    "};return!1!==t&&(n['"']=""",n["'"]="'",n["`"]="`"),e.replace(/ {2}|\r\n|[&<>\r\n'"`]/g,function(e){return n[e]||e})}var y={html:'

    ',toolbarButton:'
    {dispName}
    ',emoticon:'{key}',fontOpt:'{font}',sizeOpt:'{size}',pastetext:'
    ',table:'
    ',image:'
    ',email:'
    ',link:'
    ',youtubeMenu:'
    ',youtube:''};function gt(e,t,n){var o=y[e];return Object.keys(t).forEach(function(e){o=o.replace(new RegExp(ft("{"+e+"}"),"g"),t[e])}),n&&(o=et(o)),o}var x=v&&v<11;function w(e){if("mozHidden"in document)for(var t,n=e.getBody();n;){if((t=n).firstChild)t=t.firstChild;else{for(;t&&!t.nextSibling;)t=t.parentNode;t&&(t=t.nextSibling)}3===n.nodeType&&/[\n\r\t]+/.test(n.nodeValue)&&(/^pre/.test(Pe(n.parentNode,"whiteSpace"))||Re(n)),n=t}}var mt={bold:{exec:"bold",tooltip:"Bold",shortcut:"Ctrl+B"},italic:{exec:"italic",tooltip:"Italic",shortcut:"Ctrl+I"},underline:{exec:"underline",tooltip:"Underline",shortcut:"Ctrl+U"},strike:{exec:"strikethrough",tooltip:"Strikethrough"},subscript:{exec:"subscript",tooltip:"Subscript"},superscript:{exec:"superscript",tooltip:"Superscript"},left:{state:function(e){if(e&&3===e.nodeType&&(e=e.parentNode),e){var t="ltr"===Pe(e,"direction"),n=Pe(e,"textAlign");return"left"===n||n===(t?"start":"end")}},exec:"justifyleft",tooltip:"Align left"},center:{exec:"justifycenter",tooltip:"Center"},right:{state:function(e){if(e&&3===e.nodeType&&(e=e.parentNode),e){var t="ltr"===Pe(e,"direction"),n=Pe(e,"textAlign");return"right"===n||n===(t?"end":"start")}},exec:"justifyright",tooltip:"Align right"},justify:{exec:"justifyfull",tooltip:"Justify"},font:{_dropDown:function(t,e,n){var o=De("div");ze(o,"click","a",function(e){n(Ve(this,"font")),t.closeDropDown(!0),e.preventDefault()}),t.opts.fonts.split(",").forEach(function(e){He(o,gt("fontOpt",{font:e},!0))}),t.createDropDown(e,"font-picker",o)},exec:function(e){var t=this;mt.font._dropDown(t,e,function(e){t.execCommand("fontname",e)})},tooltip:"Font Name"},size:{_dropDown:function(t,e,n){var o=De("div");ze(o,"click","a",function(e){n(Ve(this,"size")),t.closeDropDown(!0),e.preventDefault()});for(var i=1;i<=7;i++)He(o,gt("sizeOpt",{size:i},!0));t.createDropDown(e,"fontsize-picker",o)},exec:function(e){var t=this;mt.size._dropDown(t,e,function(e){t.execCommand("fontsize",e)})},tooltip:"Font Size"},color:{_dropDown:function(t,e,n){var o=De("div"),i="",r=mt.color;r._htmlCache||(t.opts.colors.split("|").forEach(function(e){i+='
    ',e.split(",").forEach(function(e){i+=''}),i+="
    "}),r._htmlCache=i),He(o,et(r._htmlCache)),ze(o,"click","a",function(e){n(Ve(this,"color")),t.closeDropDown(!0),e.preventDefault()}),t.createDropDown(e,"color-picker",o)},exec:function(e){var t=this;mt.color._dropDown(t,e,function(e){t.execCommand("forecolor",e)})},tooltip:"Font Color"},removeformat:{exec:"removeformat",tooltip:"Remove Formatting"},cut:{exec:"cut",tooltip:"Cut",errorMessage:"Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X"},copy:{exec:"copy",tooltip:"Copy",errorMessage:"Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C"},paste:{exec:"paste",tooltip:"Paste",errorMessage:"Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V"},pastetext:{exec:function(e){var t,n=De("div"),o=this;He(n,gt("pastetext",{label:o._("Paste your text inside the following box:"),insert:o._("Insert")},!0)),ze(n,"click",".button",function(e){(t=Fe(n,"#txt")[0].value)&&o.wysiwygEditorInsertText(t),o.closeDropDown(!0),e.preventDefault()}),o.createDropDown(e,"pastetext",n)},tooltip:"Paste Text"},bulletlist:{exec:function(){w(this),this.execCommand("insertunorderedlist")},tooltip:"Bullet list"},orderedlist:{exec:function(){w(this),this.execCommand("insertorderedlist")},tooltip:"Numbered list"},indent:{state:function(e,t){var n,o,i;return je(t,"li")?0:je(t,"ul,ol,menu")&&(o=(n=this.getRangeHelper().selectedRange()).startContainer.parentNode,i=n.endContainer.parentNode,o!==o.parentNode.firstElementChild||je(i,"li")&&i!==i.parentNode.lastElementChild)?0:-1},exec:function(){var e=this.getRangeHelper().getFirstBlockParent();this.focus(),Me(e,"ul,ol,menu")&&this.execCommand("indent")},tooltip:"Add indent"},outdent:{state:function(e,t){return Me(t,"ul,ol,menu")?0:-1},exec:function(){Me(this.getRangeHelper().getFirstBlockParent(),"ul,ol,menu")&&this.execCommand("outdent")},tooltip:"Remove one indent"},table:{exec:function(e){var i=this,r=De("div");He(r,gt("table",{rows:i._("Rows:"),cols:i._("Cols:"),insert:i._("Insert")},!0)),ze(r,"click",".button",function(e){var t=Number(Fe(r,"#rows")[0].value),n=Number(Fe(r,"#cols")[0].value),o="";0"+Array(n+1).join("")+""),o+="
    "+(x?"":"
    ")+"
    ",i.wysiwygEditorInsertHtml(o),i.closeDropDown(!0),e.preventDefault())}),i.createDropDown(e,"inserttable",r)},tooltip:"Insert a table"},horizontalrule:{exec:"inserthorizontalrule",tooltip:"Insert a horizontal rule"},code:{exec:function(){this.wysiwygEditorInsertHtml("",(x?"":"
    ")+"    ")},tooltip:"Code"},image:{_dropDown:function(t,e,n,o){var i=De("div");He(i,gt("image",{url:t._("URL:"),width:t._("Width (optional):"),height:t._("Height (optional):"),insert:t._("Insert")},!0));var r=Fe(i,"#image")[0];r.value=n,ze(i,"click",".button",function(e){r.value&&o(r.value,Fe(i,"#width")[0].value,Fe(i,"#height")[0].value),t.closeDropDown(!0),e.preventDefault()}),t.createDropDown(e,"insertimage",i)},exec:function(e){var i=this;mt.image._dropDown(i,e,"",function(e,t,n){var o="";t&&(o+=' width="'+t+'"'),n&&(o+=' height="'+n+'"'),i.wysiwygEditorInsertHtml("')})},tooltip:"Insert an image"},email:{_dropDown:function(n,e,o){var i=De("div");He(i,gt("email",{label:n._("E-mail:"),desc:n._("Description (optional):"),insert:n._("Insert")},!0)),ze(i,"click",".button",function(e){var t=Fe(i,"#email")[0].value;t&&o(t,Fe(i,"#des")[0].value),n.closeDropDown(!0),e.preventDefault()}),n.createDropDown(e,"insertemail",i)},exec:function(e){var n=this;mt.email._dropDown(n,e,function(e,t){n.focus(),!n.getRangeHelper().selectedHtml()||t?n.wysiwygEditorInsertHtml(''+(t||e)+""):n.execCommand("createlink","mailto:"+e)})},tooltip:"Insert an email"},link:{_dropDown:function(t,e,n){var o=De("div");He(o,gt("link",{url:t._("URL:"),desc:t._("Description (optional):"),ins:t._("Insert")},!0));var i=Fe(o,"#link")[0];function r(e){i.value&&n(i.value,Fe(o,"#des")[0].value),t.closeDropDown(!0),e.preventDefault()}ze(o,"click",".button",r),ze(o,"keypress",function(e){13===e.which&&i.value&&r(e)},_e),t.createDropDown(e,"insertlink",o)},exec:function(e){var n=this;mt.link._dropDown(n,e,function(e,t){n.focus(),t||!n.getRangeHelper().selectedHtml()?(t=t||e,n.wysiwygEditorInsertHtml(''+t+"")):n.execCommand("createlink",e)})},tooltip:"Insert a link"},unlink:{state:function(){return Me(this.currentNode(),"a")?0:-1},exec:function(){var e=Me(this.currentNode(),"a");if(e){for(;e.firstChild;)We(e.firstChild,e);Re(e)}},tooltip:"Unlink"},quote:{exec:function(e,t,n){var o="
    ",i="
    ";t?(o=o+(n=n?""+n+"":"")+t+i,i=null):""===this.getRangeHelper().selectedHtml()&&(i=(x?"":"
    ")+i),this.wysiwygEditorInsertHtml(o,i)},tooltip:"Insert a Quote"},emoticon:{exec:function(f){var p=this,g=function(e){var t,n,o=p.opts,i=o.emoticonsRoot||"",r=o.emoticonsCompat,a=p.getRangeHelper(),l=r&&" "!==a.getOuterText(!0,1)?" ":"",c=r&&" "!==a.getOuterText(!1,1)?" ":"",s=De("div"),u=De("div"),d=Ce({},o.emoticons.dropdown,e?o.emoticons.more:{});return He(s,u),n=Math.sqrt(Object.keys(d).length),ze(s,"click","img",function(e){p.insert(l+Oe(this,"alt")+c,null,!1).closeDropDown(!0),e.preventDefault()}),Se(d,function(e,t){He(u,De("img",{src:i+(t.url||t),alt:e,title:t.tooltip||e})),u.children.length>=n&&(u=De("div"),He(s,u))}),!e&&o.emoticons.more&&(He(t=De("a",{className:"sceditor-more"}),document.createTextNode(p._("More"))),ze(t,"click",function(e){p.createDropDown(f,"more-emoticons",g(!0)),e.preventDefault()}),He(s,t)),s};p.createDropDown(f,"emoticons",g(!1))},txtExec:function(e){mt.emoticon.exec.call(this,e)},tooltip:"Insert an emoticon"},youtube:{_dropDown:function(r,e,a){var l=De("div");He(l,gt("youtubeMenu",{label:r._("Video URL:"),insert:r._("Insert")},!0)),ze(l,"click",".button",function(e){var t=Fe(l,"#link")[0].value,n=t.match(/(?:v=|v\/|embed\/|youtu.be\/)(.{11})/),o=t.match(/[&|?](?:star)?t=((\d+[hms]?){1,3})/),i=0;o&&Se(o[1].split(/[hms]/),function(e,t){""!==t&&(i=60*i+Number(t))}),n&&/^[a-zA-Z0-9_\-]{11}$/.test(n[1])&&a(n[1],i),r.closeDropDown(!0),e.preventDefault()}),r.createDropDown(e,"insertlink",l)},exec:function(e){var n=this;mt.youtube._dropDown(n,e,function(e,t){n.wysiwygEditorInsertHtml(gt("youtube",{id:e,time:t}))})},tooltip:"Insert a YouTube video"},date:{_date:function(e){var t=new Date,n=t.getYear(),o=t.getMonth()+1,i=t.getDate();return n<2e3&&(n=1900+n),o<10&&(o="0"+o),i<10&&(i="0"+i),e.opts.dateFormat.replace(/year/i,n).replace(/month/i,o).replace(/day/i,i)},exec:function(){this.insertText(mt.date._date(this))},txtExec:function(){this.insertText(mt.date._date(this))},tooltip:"Insert current date"},time:{_time:function(){var e=new Date,t=e.getHours(),n=e.getMinutes(),o=e.getSeconds();return t<10&&(t="0"+t),n<10&&(n="0"+n),o<10&&(o="0"+o),t+":"+n+":"+o},exec:function(){this.insertText(mt.time._time())},txtExec:function(){this.insertText(mt.time._time())},tooltip:"Insert current time"},ltr:{state:function(e,t){return t&&"ltr"===t.style.direction},exec:function(){var e=this.getRangeHelper(),t=e.getFirstBlockParent();this.focus(),(t&&!je(t,"body")||(this.execCommand("formatBlock","p"),(t=e.getFirstBlockParent())&&!je(t,"body")))&&Pe(t,"direction","ltr"===Pe(t,"direction")?"":"ltr")},tooltip:"Left-to-Right"},rtl:{state:function(e,t){return t&&"rtl"===t.style.direction},exec:function(){var e=this.getRangeHelper(),t=e.getFirstBlockParent();this.focus(),(t&&!je(t,"body")||(this.execCommand("formatBlock","p"),(t=e.getFirstBlockParent())&&!je(t,"body")))&&Pe(t,"direction","rtl"===Pe(t,"direction")?"":"rtl")},tooltip:"Right-to-Left"},print:{exec:"print",tooltip:"Print"},maximize:{state:function(){return this.maximize()},exec:function(){this.maximize(!this.maximize())},txtExec:function(){this.maximize(!this.maximize())},tooltip:"Maximize",shortcut:"Ctrl+Shift+M"},source:{state:function(){return this.sourceMode()},exec:function(){this.toggleSourceMode()},txtExec:function(){this.toggleSourceMode()},tooltip:"View source",shortcut:"Ctrl+Shift+S"},ignore:{}},C={};function ht(r){var i=this,a=[],l=function(e){return"signal"+e.charAt(0).toUpperCase()+e.slice(1)},e=function(e,t){e=[].slice.call(e);var n,o,i=l(e.shift());for(n=0;nc.length&&s&&3===s.nodeType;)o=s.nodeValue,i=n-c.length,l&&(a=o.length,r=0),l=s,t?(u=r=Math.max(a-i,0),c=o.substr(r,a-r)+c,s=l.previousSibling):(u=r+(a=Math.min(i,o.length)),c+=o.substr(r,a),s=l.nextSibling);return{node:l||s,offset:u,text:c}};function vt(r,e){var a,l,c=e||r.contentDocument||r.document,s="sceditor-start-marker",u="sceditor-end-marker",b=this;b.insertHTML=function(e,t){var n,o;if(!b.selectedRange())return!1;for(t&&(e+=b.selectedHtml()+t),o=De("p",{},c),n=c.createDocumentFragment(),o.innerHTML=e;o.firstChild;)He(n,o.firstChild);b.insertNode(n)},l=function(e,t,n){var o,i=c.createDocumentFragment();if("string"==typeof e?(t&&(e+=b.selectedHtml()+t),i=et(e)):(He(i,e),t&&(He(i,b.selectedRange().extractContents()),He(i,t))),o=i.lastChild){for(;!it(o.lastChild,!0);)o=o.lastChild;if(ot(o)?o.lastChild||He(o,document.createTextNode("​")):o=i,b.removeMarkers(),He(o,a(s)),He(o,a(u)),n){var r=De("div");return He(r,i),r.innerHTML}return i}},b.insertNode=function(e,t){var n=l(e,t),o=b.selectedRange(),i=o.commonAncestorContainer;if(!n)return!1;o.deleteContents(),i&&3!==i.nodeType&&!ot(i)?We(n,i):o.insertNode(n),b.restoreRange()},b.cloneSelected=function(){var e=b.selectedRange();if(e)return e.cloneRange()},b.selectedRange=function(){var e,t,n=r.getSelection();if(n){if(n.rangeCount<=0){for(t=c.body;t.firstChild;)t=t.firstChild;(e=c.createRange()).setStartBefore(t),n.addRange(e)}return 0'})},void n.readAsDataURL(t);a[l[s]]=r.getData(l[s])}a.text=a["text/plain"],a.html=a["text/html"],V(a)}else if(!T){var u=i.scrollTop;for(v.saveRange(),T=yt.createDocumentFragment();i.firstChild;)He(T,i.firstChild);setTimeout(function(){var e=i.innerHTML;i.innerHTML="",He(i,T),i.scrollTop=u,T=!1,v.restoreRange(),V({html:e})},0)}},V=function(e){var t=De("div",{},d);i.call("pasteRaw",e),Qe(w,"pasteraw",e),e.html?(t.innerHTML=e.html,rt(t)):t.innerHTML=pt(e.text||"");var n={val:t.innerHTML};"fragmentToSource"in a&&(n.val=a.fragmentToSource(n.val,d,b)),i.call("paste",n),Qe(w,"paste",n),"fragmentToHtml"in a&&(n.val=a.fragmentToHtml(n.val,b)),i.call("pasteHtml",n),de.wysiwygEditorInsertHtml(n.val,null,!0)},de.closeDropDown=function(e){f&&(Re(f),f=null),!0===e&&de.focus()},de.wysiwygEditorInsertHtml=function(e,t,n){var o,i,r,a=Xe(c);de.focus(),!n&&Me(y,"code")||(v.insertHTML(e,t),v.saveRange(),M(),Le(o=Fe(g,"#sceditor-end-marker")[0]),i=g.scrollTop,r=lt(o).top+1.5*o.offsetHeight-a,Be(o),(i").replace(/&/g,"&")),de.wysiwygEditorInsertHtml(e),de},de.getWysiwygEditorValue=function(e){for(var t,n=De("div",{},d),o=g.childNodes,i=0;i"+(xt?"":"
    ")+"

    "),g.innerHTML=e,M(),Z(),ae(),ue()},de.setSourceEditorValue=function(e){s.value=e,ae()},de.updateOriginal=function(){l.value=de.val()},M=function(){var e,s,u,d,t,f,p;be.emoticonsEnabled&&(e=g,s=ve,u=be.emoticonsCompat,d=e.ownerDocument,t="(^|\\s| | | | |$)",f=[],p={},Ne(e,"code")||(Se(s,function(e){p[e]=new RegExp(t+ft(e)+t),f.push(e)}),f.sort(function(e,t){return t.length-e.length}),function e(t){for(t=t.firstChild;t;){if(t.nodeType!==ke||je(t,"code")||e(t),t.nodeType===Te)for(var n=0;n")}e.preventDefault()}},Z=function(){Ze(g,function(e){if(e.nodeType===ke&&!/inline/.test(Pe(e,"display"))&&!je(e,".sceditor-nlf")&&tt(e)){var t=De("p",{},d);return t.className="sceditor-nlf",t.innerHTML=wt?"":"
    ",He(g,t),!1}if(3===e.nodeType&&!/^\s*$/.test(e.nodeValue)||je(e,"br"))return!1})},U=function(){de.val(l.value)},$=function(){de.closeDropDown(),p=null},de._=function(){var n=arguments;return t&&t[n[0]]&&(n[0]=t[n[0]]),n[0].replace(/\{(\d+)\}/g,function(e,t){return void 0!==n[t-0+1]?n[t-0+1]:"{"+t+"}"})},K=function(t){i&&i.call(t.type+"Event",t,de);var e=(t.target===s?"scesrc":"scewys")+t.type;fe[e]&&fe[e].forEach(function(e){e.call(de,t)})},de.bind=function(e,t,n,o){for(var i=(e=e.split(" ")).length;i--;)if(we(t)){var r="scewys"+e[i],a="scesrc"+e[i];n||(fe[r]=fe[r]||[],fe[r].push(t)),o||(fe[a]=fe[a]||[],fe[a].push(t)),"valuechanged"===e[i]&&(ae.hasHandler=!0)}return de},de.unbind=function(e,t,n,o){for(var i=(e=e.split(" ")).length;i--;)we(t)&&(n||Ee(fe["scewys"+e[i]]||[],t),o||Ee(fe["scesrc"+e[i]]||[],t));return de},de.blur=function(e,t,n){return we(e)?de.bind("blur",e,t,n):de.sourceMode()?s.blur():g.blur(),de},de.focus=function(e,t,n){if(we(e))de.bind("focus",e,t,n);else if(de.inSourceMode())s.focus();else{if(Fe(d,":focus").length)return;var o,i=v.selectedRange();x||ne(),!wt&&i&&1===i.endOffset&&i.collapsed&&(o=i.endContainer)&&1===o.childNodes.length&&je(o.firstChild,"br")&&(i.setStartBefore(o.firstChild),i.collapse(!0),v.selectRange(i)),r.focus(),g.focus(),p&&(v.selectRange(p),p=null)}return G(),de},de.keyDown=function(e,t,n){return de.bind("keydown",e,t,n)},de.keyPress=function(e,t,n){return de.bind("keypress",e,t,n)},de.keyUp=function(e,t,n){return de.bind("keyup",e,t,n)},de.nodeChanged=function(e){return de.bind("nodechanged",e,!1,!0)},de.selectionChanged=function(e){return de.bind("selectionchanged",e,!1,!0)},de.valueChanged=function(e,t,n){return de.bind("valuechanged",e,t,n)},oe=function(e){var n=0,o=de.emoticonsCache,t=String.fromCharCode(e.which);Me(y,"code")||(o||(o=[],Se(ve,function(e,t){o[n++]=[e,t]}),o.sort(function(e,t){return e[0].length-t[0].length}),de.emoticonsCache=o,de.longestEmoticonCode=o[o.length-1][0].length),v.replaceKeyword(de.emoticonsCache,!0,!0,de.longestEmoticonCode,be.emoticonsCompat,t)&&(be.emoticonsCompat&&/^\s$/.test(t)||e.preventDefault()))},ie=function(){!function(e,t){var n=/[^\s\xA0\u2002\u2003\u2009\u00a0]+/,o=e&&Fe(e,"img[data-sceditor-emoticon]");if(e&&o.length)for(var i=0;i","/":"?","\\":"|","[":"{","]":"}"},o={109:"-",110:"del",111:"/",96:"0",97:"1",98:"2",99:"3",100:"4",101:"5",102:"6",103:"7",104:"8",105:"9"},i=e.which,r={8:"backspace",9:"tab",13:"enter",19:"pause",20:"capslock",27:"esc",32:"space",33:"pageup",34:"pagedown",35:"end",36:"home",37:"left",38:"up",39:"right",40:"down",45:"insert",46:"del",91:"win",92:"win",93:"select",96:"0",97:"1",98:"2",99:"3",100:"4",101:"5",102:"6",103:"7",104:"8",105:"9",106:"*",107:"+",109:"-",110:".",111:"/",112:"f1",113:"f2",114:"f3",115:"f4",116:"f5",117:"f6",118:"f7",119:"f8",120:"f9",121:"f10",122:"f11",123:"f12",144:"numlock",145:"scrolllock",186:";",187:"=",188:",",189:"-",190:".",191:"/",192:"`",219:"[",220:"\\",221:"]",222:"'"}[i]||String.fromCharCode(i).toLowerCase();(e.ctrlKey||e.metaKey)&&t.push("ctrl"),e.altKey&&t.push("alt"),e.shiftKey&&(t.push("shift"),o[i]?r=o[i]:n[r]&&(r=n[r])),r&&(i<16||18",""]},italic:{txtExec:["",""]},underline:{txtExec:['',""]},strike:{txtExec:['',""]},subscript:{txtExec:["",""]},superscript:{txtExec:["",""]},left:{txtExec:['
    ',"
    "]},center:{txtExec:['
    ',"
    "]},right:{txtExec:['
    ',"
    "]},justify:{txtExec:['
    ',"
    "]},font:{txtExec:function(e){var t=this;l("font")._dropDown(t,e,function(e){t.insertText('',"")})}},size:{txtExec:function(e){var t=this;l("size")._dropDown(t,e,function(e){t.insertText('',"")})}},color:{txtExec:function(e){var t=this;l("color")._dropDown(t,e,function(e){t.insertText('',"")})}},bulletlist:{txtExec:["
    • ","
    "]},orderedlist:{txtExec:["
    1. ","
    "]},table:{txtExec:["
    ","
    "]},horizontalrule:{txtExec:["
    "]},code:{txtExec:["",""]},image:{txtExec:function(e,t){var i=this;l("image")._dropDown(i,e,t,function(e,t,n){var o="";t&&(o+=' width="'+t+'"'),n&&(o+=' height="'+n+'"'),i.insertText("')})}},email:{txtExec:function(e,n){var o=this;l("email")._dropDown(o,e,function(e,t){o.insertText(''+(t||n||e)+"")})}},link:{txtExec:function(e,n){var o=this;l("link")._dropDown(o,e,function(e,t){o.insertText(''+(t||n||e)+"")})}},quote:{txtExec:["
    ","
    "]},youtube:{txtExec:function(e){var n=this;l("youtube")._dropDown(n,e,function(e,t){n.insertText('')})}},rtl:{txtExec:['
    ',"
    "]},ltr:{txtExec:['
    ',"
    "]}};function N(){var i=this,n={},b={};function e(e,t,n){var o,i,m,r,a,l,c,s,u,d,f,p,g,h,v=n.createElement("div");return v.innerHTML=t,S(v,"visibility","hidden"),n.body.appendChild(v),i=v,E.traverse(i,function(e){var t=e.nodeName.toLowerCase();y("*",e),y(t,e)},!0),m=v,E.traverse(m,function(e){var t,n=e.nodeName.toLowerCase(),o=e.parentNode,i=e.nodeType,r=!E.isInline(e),a=e.previousSibling,l=e.nextSibling,c=o===m,s=!a&&!l,u="iframe"!==n&&function e(t,n){var o,i=t.childNodes,r=t.nodeName.toLowerCase(),a=t.nodeValue,l=i.length,c=N.allowedEmptyTags||[];if(n&&"br"===r)return!0;if(k(t,".sceditor-ignore"))return!0;if(-1":">",'"':"""," ":" "};return e?e.replace(/[&<>"\xa0]/g,function(e){return t[e]||e}):""}function p(e,t){switch(e.nodeType){case 1:"!"===e.nodeName.toLowerCase()?n(e):function(e,t){var n,o,i,r=e.nodeName.toLowerCase(),a="iframe"===r,l=e.attributes.length,c=e.firstChild,s=t||/pre(?:\-wrap)?$/i.test(S(e,"whiteSpace")),u=!e.firstChild&&!E.canHaveChildren(e)&&!a;if(k(e,".sceditor-ignore"))return;g("<"+r,!t&&m(e));for(;l--;)o=e.attributes[l],i=o.value,g(" "+o.name.toLowerCase()+'="'+f(i)+'"',!1);g(u?" />":">",!1),a||(n=c);for(;n;)d++,p(n,s),n=n.nextSibling,d--;u||g("",!s&&!a&&m(e)&&c&&m(c))}(e,t);break;case 3:!function(e,t){var n=e.nodeValue;t||(n=n.replace(/[\r\n]/," ").replace(/[^\S|\u00A0]+/g," "));n&&g(f(n),!t&&m(e))}(e,t);break;case 4:g("");break;case 8:n(e);break;case 9:case 11:!function(e){var t=e.firstChild;for(;t;)p(t),t=t.nextSibling}(e)}}function n(e){g("\x3c!-- "+f(e.nodeValue)+" --\x3e")}function g(e,t){var n=d;if(!1!==t)for(i.length&&i.push("\n");n--;)i.push(o.indentStr);i.push(e)}function m(e){var t=e.previousSibling;return 1!==e.nodeType&&t?!E.isInline(t):!t&&!E.isInline(e.parentNode)||!E.isInline(e)}this.serialize=function(e,t){if(i=[],t)for(e=e.firstChild;e;)p(e),e=e.nextSibling;else p(e);return i.join("")}},N.converters=[{tags:{"*":{width:null}},conv:function(e){S(e,"width",n(e,"width")),T(e,"width")}},{tags:{"*":{height:null}},conv:function(e){S(e,"height",n(e,"height")),T(e,"height")}},{tags:{li:{value:null}},conv:function(e){T(e,"value")}},{tags:{"*":{text:null}},conv:function(e){S(e,"color",n(e,"text")),T(e,"text")}},{tags:{"*":{color:null}},conv:function(e){S(e,"color",n(e,"color")),T(e,"color")}},{tags:{"*":{face:null}},conv:function(e){S(e,"fontFamily",n(e,"face")),T(e,"face")}},{tags:{"*":{align:null}},conv:function(e){S(e,"textAlign",n(e,"align")),T(e,"align")}},{tags:{"*":{border:null}},conv:function(e){S(e,"borderWidth",n(e,"border")),T(e,"border")}},{tags:{applet:{name:null},img:{name:null},layer:{name:null},map:{name:null},object:{name:null},param:{name:null}},conv:function(e){n(e,"id")||n(e,"id",n(e,"name")),T(e,"name")}},{tags:{"*":{vspace:null}},conv:function(e){S(e,"marginTop",n(e,"vspace")-0),S(e,"marginBottom",n(e,"vspace")-0),T(e,"vspace")}},{tags:{"*":{hspace:null}},conv:function(e){S(e,"marginLeft",n(e,"hspace")-0),S(e,"marginRight",n(e,"hspace")-0),T(e,"hspace")}},{tags:{hr:{noshade:null}},conv:function(e){S(e,"borderStyle","solid"),T(e,"noshade")}},{tags:{"*":{nowrap:null}},conv:function(e){S(e,"whiteSpace","nowrap"),T(e,"nowrap")}},{tags:{big:null},conv:function(e){S(o(e,"span"),"fontSize","larger")}},{tags:{small:null},conv:function(e){S(o(e,"span"),"fontSize","smaller")}},{tags:{b:null},conv:function(e){o(e,"strong")}},{tags:{u:null},conv:function(e){S(o(e,"span"),"textDecoration","underline")}},{tags:{s:null,strike:null},conv:function(e){S(o(e,"span"),"textDecoration","line-through")}},{tags:{dir:null},conv:function(e){o(e,"ul")}},{tags:{center:null},conv:function(e){S(o(e,"div"),"textAlign","center")}},{tags:{font:{size:null}},conv:function(e){S(e,"fontSize",S(e,"fontSize")),T(e,"size")}},{tags:{font:null},conv:function(e){o(e,"span")}},{tags:{"*":{type:["_moz"]}},conv:function(e){T(e,"type")}},{tags:{"*":{_moz_dirty:null}},conv:function(e){T(e,"_moz_dirty")}},{tags:{"*":{_moz_editor_bogus_node:null}},conv:function(e){e.parentNode.removeChild(e)}}],N.allowedAttribs={},N.disallowedAttribs={},N.allowedTags=[],N.disallowedTags=[],N.allowedEmptyTags=[],w.formats.xhtml=N}(sceditor); \ No newline at end of file diff --git a/public/assets/minified/plugins/autosave.js b/public/assets/minified/plugins/autosave.js new file mode 100644 index 0000000..d29ee5a --- /dev/null +++ b/public/assets/minified/plugins/autosave.js @@ -0,0 +1,3 @@ +/* SCEditor v2.1.3 | (C) 2017, Sam Clarke | sceditor.com/license */ + +!function(e){"use strict";var t="sce-autodraft-"+location.pathname+location.search;function i(e){localStorage.removeItem(e||t)}e.plugins.autosave=function(){var a,e=this,o=t,r=864e5,n=function(e){localStorage.setItem(o,JSON.stringify(e))},s=function(){return JSON.parse(localStorage.getItem(o))};e.init=function(){var e=(a=this).opts&&a.opts.autosave||{};n=e.save||n,s=e.load||s,o=e.storageKey||o,r=e.expires||r,function(){for(var e=0;e'),n),n.nodeValue=s[3]+i.substr(s.index+s[0].length))}else a.is(n,"code")||e(n);n=n.nextSibling}}(t),e.html=t.innerHTML}}}}(document,sceditor); \ No newline at end of file diff --git a/public/assets/minified/plugins/dragdrop.js b/public/assets/minified/plugins/dragdrop.js new file mode 100644 index 0000000..8459ab7 --- /dev/null +++ b/public/assets/minified/plugins/dragdrop.js @@ -0,0 +1,3 @@ +/* SCEditor v2.1.3 | (C) 2017, Sam Clarke | sceditor.com/license */ + +!function(n){"use strict";var v="data:image/gif;base64,R0lGODlhlgBkAPABAH19ffb29iH5BAAKAAAAIf4aQ3JlYXRlZCB3aXRoIGFqYXhsb2FkLmluZm8AIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAlgBkAAAC1YyPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gvH8kzX9o3n+s73/g8MCofEovGITCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2OvwD2fP6iD/gH6Pc2GIhg2JeQSNjGuLf4GMlYKIloefAIUEl52ZmJyaY5mUhqyFnqmQr6KRoaMKp66hbLumpQ69oK+5qrOyg4a6qYV2x8jJysvMzc7PwMHS09TV1tfY2drb3N3e39DR4uPk5ebn6Onq6+zt7u/g4fL99UAAAh+QQACgAAACwAAAAAlgBkAIEAAAB9fX329vYAAAAC3JSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gvH8kzX9o3n+s73/g8MCofEovGITCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2OvwD2fP4iABgY+CcoCNeHuJdQyLjIaOiWiOj4CEhZ+SbZd/nI2RipqYhQOThKGpAZCuBZyArZprpqSupaCqtaazmLCRqai7rb2av5W5wqSShcm8fc7PwMHS09TV1tfY2drb3N3e39DR4uPk5ebn6Onq6+zt7u/g4fLz9PX29/j5/vVAAAIfkEAAoAAAAsAAAAAJYAZACBAAAAfX199vb2AAAAAuCUj6nL7Q+jnLTai7PevPsPhuJIluaJpurKtu4Lx/JM1/aN5/rO9/4PDAqHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9Lr9jr8E9nz+AgAYGLjQVwhXiJgguAiYgGjo9tinyCjoKLn3hpmJUGmJsBmguUnpCXCJOZraaXoKShoJe9DqehCqKlnqiZobuzrbyvuIO8xqKpxIPKlwrPCbBx0tPU1dbX2Nna29zd3t/Q0eLj5OXm5+jp6uvs7e7v4OHy8/T19vf4+fr7/P379UAAAh+QQACgAAACwAAAAAlgBkAIEAAAB9fX329vYAAAAC4JSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gvH8kzX9o3n+s73/g8MCofEovGITCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2OvwT2fP6iD7gAMEhICAeImIAYiFDoOPi22KcouZfw6BhZGUBZeYlp6LbJiTD6CQqg6Vm6eQqqKtkZ24iaKtrKunpQa9tmmju7Wwu7KFtMi3oYDMzompkHHS09TV1tfY2drb3N3e39DR4uPk5ebn6Onq6+zt7u/g4fLz9PX29/j5+vv8/f31QAADs=",c=void 0!==window.FileReader,u=/data:[^;]+;base64,/i;function g(e){for(var t=e.substr(5,e.indexOf(";")-5),n=atob(e.substr(e.indexOf(",")+1)),r=new Uint8Array(n.length),i=0;i
    ").firstChild),i.addEventListener("dragover",e),i.addEventListener("dragleave",d),i.addEventListener("dragend",d),i.addEventListener("drop",t),r.getBody().addEventListener("dragover",e),r.getBody().addEventListener("drop",d)},this.signalPasteHtml=function(e){if(!("handlePaste"in A)||A.handlePaste){var t=document.createElement("div");t.innerHTML=e.val;for(var n=t.querySelectorAll("img"),r=0;r",""):e.execCommand("formatblock","<"+t+">")},a=function(e){var o=this,r=document.createElement("div");i.utils.each(c,function(t,a){var e=document.createElement("a");e.className="sceditor-option",e.textContent=a.name||a,e.addEventListener("click",function(e){o.closeDropDown(!0),a.exec?a.exec(o):n(o,t),e.preventDefault()}),r.appendChild(e)}),o.createDropDown(e,"format",r)}}}(sceditor); \ No newline at end of file diff --git a/public/assets/minified/plugins/plaintext.js b/public/assets/minified/plugins/plaintext.js new file mode 100644 index 0000000..9ba5bf2 --- /dev/null +++ b/public/assets/minified/plugins/plaintext.js @@ -0,0 +1,3 @@ +/* SCEditor v2.1.3 | (C) 2017, Sam Clarke | sceditor.com/license */ + +!function(t){"use strict";var i=t.utils.extend;t.plugins.plaintext=function(){var e=!0;this.init=function(){var t=this.commands,n=this.opts;n&&n.plaintext&&n.plaintext.addButton&&(e=n.plaintext.enabled,t.pastetext=i(t.pastetext||{},{state:function(){return e?1:0},exec:function(){e=!e}}))},this.signalPasteRaw=function(t){if(e){if(t.html&&!t.text){var n=document.createElement("div");n.innerHTML=t.html,t.text=n.innerText}t.html=null}}}}(sceditor); \ No newline at end of file diff --git a/public/assets/minified/plugins/strictbbcode.js b/public/assets/minified/plugins/strictbbcode.js new file mode 100644 index 0000000..8367926 --- /dev/null +++ b/public/assets/minified/plugins/strictbbcode.js @@ -0,0 +1,2 @@ +/* SCEditor v2.1.3 | (C) 2017, Sam Clarke | sceditor.com/license */ + diff --git a/public/assets/minified/plugins/undo.js b/public/assets/minified/plugins/undo.js new file mode 100644 index 0000000..7407178 --- /dev/null +++ b/public/assets/minified/plugins/undo.js @@ -0,0 +1,3 @@ +/* SCEditor v2.1.3 | (C) 2017, Sam Clarke | sceditor.com/license */ + +!function(e){"use strict";sceditor.plugins.undo=function(){var r,o,e=this,u=0,a=50,n=[],c=[],s=!1,l=function(e){s=!0,o=e.value,r.sourceMode(e.sourceMode),r.val(e.value,!1),r.focus(),e.sourceMode?r.sourceEditorCaret(e.caret):r.getRangeHelper().restoreRange(),s=!1};e.init=function(){a=(r=this).undoLimit||a,r.addShortcut("ctrl+z",e.undo),r.addShortcut("ctrl+shift+z",e.redo),r.addShortcut("ctrl+y",e.redo)},e.undo=function(){var e=c.pop(),t=r.val(null,!1);return e&&!n.length&&t===e.value&&(e=c.pop()),e&&(n.length||n.push({caret:r.sourceEditorCaret(),sourceMode:r.sourceMode(),value:t}),n.push(e),l(e)),!1},e.redo=function(){var e=n.pop();return c.length||(c.push(e),e=n.pop()),e&&(c.push(e),l(e)),!1},e.signalReady=function(){var e=r.val(null,!1);o=e,c.push({caret:this.sourceEditorCaret(),sourceMode:this.sourceMode(),value:e})},e.signalValuechangedEvent=function(e){var t=e.detail.rawValue;0a&&c.shift(),!s&&o&&o!==t&&(n.length=0,(u+=function(e,t){var r,o,u,a,n=e.length,c=t.length,s=Math.max(n,c);for(r=0;r":">"," ":"  ","\r\n":"
    ","\r":"
    ","\n":"
    "};return!1!==t&&(n['"']=""",n["'"]="'",n["`"]="`"),e=e.replace(/ {2}|\r\n|[&<>\r\n'"`]/g,function(e){return n[e]||e})}var y={html:'

    ',toolbarButton:'
    {dispName}
    ',emoticon:'{key}',fontOpt:'{font}',sizeOpt:'{size}',pastetext:'
    ',table:'
    ',image:'
    ',email:'
    ',link:'
    ',youtubeMenu:'
    ',youtube:''};function mt(e,t,n){var o=y[e];return Object.keys(t).forEach(function(e){o=o.replace(new RegExp(ft("{"+e+"}"),"g"),t[e])}),n&&(o=et(o)),o}var b=h&&h<11;function x(e){if("mozHidden"in document)for(var t,n=e.getBody();n;){if((t=n).firstChild)t=t.firstChild;else{for(;t&&!t.nextSibling;)t=t.parentNode;t&&(t=t.nextSibling)}3===n.nodeType&&/[\n\r\t]+/.test(n.nodeValue)&&(/^pre/.test(Pe(n.parentNode,"whiteSpace"))||Re(n)),n=t}}var gt={bold:{exec:"bold",tooltip:"Bold",shortcut:"Ctrl+B"},italic:{exec:"italic",tooltip:"Italic",shortcut:"Ctrl+I"},underline:{exec:"underline",tooltip:"Underline",shortcut:"Ctrl+U"},strike:{exec:"strikethrough",tooltip:"Strikethrough"},subscript:{exec:"subscript",tooltip:"Subscript"},superscript:{exec:"superscript",tooltip:"Superscript"},left:{state:function(e){if(e&&3===e.nodeType&&(e=e.parentNode),e){var t="ltr"===Pe(e,"direction"),n=Pe(e,"textAlign");return"left"===n||n===(t?"start":"end")}},exec:"justifyleft",tooltip:"Align left"},center:{exec:"justifycenter",tooltip:"Center"},right:{state:function(e){if(e&&3===e.nodeType&&(e=e.parentNode),e){var t="ltr"===Pe(e,"direction"),n=Pe(e,"textAlign");return"right"===n||n===(t?"end":"start")}},exec:"justifyright",tooltip:"Align right"},justify:{exec:"justifyfull",tooltip:"Justify"},font:{_dropDown:function(t,e,n){var o=De("div");ze(o,"click","a",function(e){n(Ve(this,"font")),t.closeDropDown(!0),e.preventDefault()}),t.opts.fonts.split(",").forEach(function(e){Fe(o,mt("fontOpt",{font:e},!0))}),t.createDropDown(e,"font-picker",o)},exec:function(e){var t=this;gt.font._dropDown(t,e,function(e){t.execCommand("fontname",e)})},tooltip:"Font Name"},size:{_dropDown:function(t,e,n){var o=De("div");ze(o,"click","a",function(e){n(Ve(this,"size")),t.closeDropDown(!0),e.preventDefault()});for(var r=1;r<=7;r++)Fe(o,mt("sizeOpt",{size:r},!0));t.createDropDown(e,"fontsize-picker",o)},exec:function(e){var t=this;gt.size._dropDown(t,e,function(e){t.execCommand("fontsize",e)})},tooltip:"Font Size"},color:{_dropDown:function(t,e,n){var o=De("div"),r="",i=gt.color;i._htmlCache||(t.opts.colors.split("|").forEach(function(e){r+='
    ',e.split(",").forEach(function(e){r+=''}),r+="
    "}),i._htmlCache=r),Fe(o,et(i._htmlCache)),ze(o,"click","a",function(e){n(Ve(this,"color")),t.closeDropDown(!0),e.preventDefault()}),t.createDropDown(e,"color-picker",o)},exec:function(e){var t=this;gt.color._dropDown(t,e,function(e){t.execCommand("forecolor",e)})},tooltip:"Font Color"},removeformat:{exec:"removeformat",tooltip:"Remove Formatting"},cut:{exec:"cut",tooltip:"Cut",errorMessage:"Your browser does not allow the cut command. Please use the keyboard shortcut Ctrl/Cmd-X"},copy:{exec:"copy",tooltip:"Copy",errorMessage:"Your browser does not allow the copy command. Please use the keyboard shortcut Ctrl/Cmd-C"},paste:{exec:"paste",tooltip:"Paste",errorMessage:"Your browser does not allow the paste command. Please use the keyboard shortcut Ctrl/Cmd-V"},pastetext:{exec:function(e){var t,n=De("div"),o=this;Fe(n,mt("pastetext",{label:o._("Paste your text inside the following box:"),insert:o._("Insert")},!0)),ze(n,"click",".button",function(e){(t=He(n,"#txt")[0].value)&&o.wysiwygEditorInsertText(t),o.closeDropDown(!0),e.preventDefault()}),o.createDropDown(e,"pastetext",n)},tooltip:"Paste Text"},bulletlist:{exec:function(){x(this),this.execCommand("insertunorderedlist")},tooltip:"Bullet list"},orderedlist:{exec:function(){x(this),this.execCommand("insertorderedlist")},tooltip:"Numbered list"},indent:{state:function(e,t){var n,o,r;return We(t,"li")?0:We(t,"ul,ol,menu")&&(o=(n=this.getRangeHelper().selectedRange()).startContainer.parentNode,r=n.endContainer.parentNode,o!==o.parentNode.firstElementChild||We(r,"li")&&r!==r.parentNode.lastElementChild)?0:-1},exec:function(){var e=this.getRangeHelper().getFirstBlockParent();this.focus(),Ne(e,"ul,ol,menu")&&this.execCommand("indent")},tooltip:"Add indent"},outdent:{state:function(e,t){return Ne(t,"ul,ol,menu")?0:-1},exec:function(){Ne(this.getRangeHelper().getFirstBlockParent(),"ul,ol,menu")&&this.execCommand("outdent")},tooltip:"Remove one indent"},table:{exec:function(e){var r=this,i=De("div");Fe(i,mt("table",{rows:r._("Rows:"),cols:r._("Cols:"),insert:r._("Insert")},!0)),ze(i,"click",".button",function(e){var t=Number(He(i,"#rows")[0].value),n=Number(He(i,"#cols")[0].value),o="";0"+Array(n+1).join("")+""),o+="
    "+(b?"":"
    ")+"
    ",r.wysiwygEditorInsertHtml(o),r.closeDropDown(!0),e.preventDefault())}),r.createDropDown(e,"inserttable",i)},tooltip:"Insert a table"},horizontalrule:{exec:"inserthorizontalrule",tooltip:"Insert a horizontal rule"},code:{exec:function(){this.wysiwygEditorInsertHtml("",(b?"":"
    ")+"    ")},tooltip:"Code"},image:{_dropDown:function(t,e,n,o){var r=De("div");Fe(r,mt("image",{url:t._("URL:"),width:t._("Width (optional):"),height:t._("Height (optional):"),insert:t._("Insert")},!0));var i=He(r,"#image")[0];i.value=n,ze(r,"click",".button",function(e){i.value&&o(i.value,He(r,"#width")[0].value,He(r,"#height")[0].value),t.closeDropDown(!0),e.preventDefault()}),t.createDropDown(e,"insertimage",r)},exec:function(e){var r=this;gt.image._dropDown(r,e,"",function(e,t,n){var o="";t&&(o+=' width="'+t+'"'),n&&(o+=' height="'+n+'"'),r.wysiwygEditorInsertHtml("')})},tooltip:"Insert an image"},email:{_dropDown:function(n,e,o){var r=De("div");Fe(r,mt("email",{label:n._("E-mail:"),desc:n._("Description (optional):"),insert:n._("Insert")},!0)),ze(r,"click",".button",function(e){var t=He(r,"#email")[0].value;t&&o(t,He(r,"#des")[0].value),n.closeDropDown(!0),e.preventDefault()}),n.createDropDown(e,"insertemail",r)},exec:function(e){var n=this;gt.email._dropDown(n,e,function(e,t){n.focus(),!n.getRangeHelper().selectedHtml()||t?n.wysiwygEditorInsertHtml(''+(t||e)+""):n.execCommand("createlink","mailto:"+e)})},tooltip:"Insert an email"},link:{_dropDown:function(t,e,n){var o=De("div");Fe(o,mt("link",{url:t._("URL:"),desc:t._("Description (optional):"),ins:t._("Insert")},!0));var r=He(o,"#link")[0];function i(e){r.value&&n(r.value,He(o,"#des")[0].value),t.closeDropDown(!0),e.preventDefault()}ze(o,"click",".button",i),ze(o,"keypress",function(e){13===e.which&&r.value&&i(e)},_e),t.createDropDown(e,"insertlink",o)},exec:function(e){var n=this;gt.link._dropDown(n,e,function(e,t){n.focus(),t||!n.getRangeHelper().selectedHtml()?(t=t||e,n.wysiwygEditorInsertHtml(''+t+"")):n.execCommand("createlink",e)})},tooltip:"Insert a link"},unlink:{state:function(){return Ne(this.currentNode(),"a")?0:-1},exec:function(){var e=Ne(this.currentNode(),"a");if(e){for(;e.firstChild;)je(e.firstChild,e);Re(e)}},tooltip:"Unlink"},quote:{exec:function(e,t,n){var o="
    ",r="
    ";t?(o=o+(n=n?""+n+"":"")+t+r,r=null):""===this.getRangeHelper().selectedHtml()&&(r=(b?"":"
    ")+r),this.wysiwygEditorInsertHtml(o,r)},tooltip:"Insert a Quote"},emoticon:{exec:function(f){var p=this,m=function(e){var t,n,o=p.opts,r=o.emoticonsRoot||"",i=o.emoticonsCompat,a=p.getRangeHelper(),l=i&&" "!==a.getOuterText(!0,1)?" ":"",c=i&&" "!==a.getOuterText(!1,1)?" ":"",s=De("div"),u=De("div"),d=Ce({},o.emoticons.dropdown,e?o.emoticons.more:{});return Fe(s,u),n=Math.sqrt(Object.keys(d).length),ze(s,"click","img",function(e){p.insert(l+Ae(this,"alt")+c,null,!1).closeDropDown(!0),e.preventDefault()}),Se(d,function(e,t){Fe(u,De("img",{src:r+(t.url||t),alt:e,title:t.tooltip||e})),u.children.length>=n&&(u=De("div"),Fe(s,u))}),!e&&o.emoticons.more&&(Fe(t=De("a",{className:"sceditor-more"}),document.createTextNode(p._("More"))),ze(t,"click",function(e){p.createDropDown(f,"more-emoticons",m(!0)),e.preventDefault()}),Fe(s,t)),s};p.createDropDown(f,"emoticons",m(!1))},txtExec:function(e){gt.emoticon.exec.call(this,e)},tooltip:"Insert an emoticon"},youtube:{_dropDown:function(i,e,a){var l=De("div");Fe(l,mt("youtubeMenu",{label:i._("Video URL:"),insert:i._("Insert")},!0)),ze(l,"click",".button",function(e){var t=He(l,"#link")[0].value,n=t.match(/(?:v=|v\/|embed\/|youtu.be\/)(.{11})/),o=t.match(/[&|?](?:star)?t=((\d+[hms]?){1,3})/),r=0;o&&Se(o[1].split(/[hms]/),function(e,t){""!==t&&(r=60*r+Number(t))}),n&&/^[a-zA-Z0-9_\-]{11}$/.test(n[1])&&a(n[1],r),i.closeDropDown(!0),e.preventDefault()}),i.createDropDown(e,"insertlink",l)},exec:function(e){var n=this;gt.youtube._dropDown(n,e,function(e,t){n.wysiwygEditorInsertHtml(mt("youtube",{id:e,time:t}))})},tooltip:"Insert a YouTube video"},date:{_date:function(e){var t=new Date,n=t.getYear(),o=t.getMonth()+1,r=t.getDate();return n<2e3&&(n=1900+n),o<10&&(o="0"+o),r<10&&(r="0"+r),e.opts.dateFormat.replace(/year/i,n).replace(/month/i,o).replace(/day/i,r)},exec:function(){this.insertText(gt.date._date(this))},txtExec:function(){this.insertText(gt.date._date(this))},tooltip:"Insert current date"},time:{_time:function(){var e=new Date,t=e.getHours(),n=e.getMinutes(),o=e.getSeconds();return t<10&&(t="0"+t),n<10&&(n="0"+n),o<10&&(o="0"+o),t+":"+n+":"+o},exec:function(){this.insertText(gt.time._time())},txtExec:function(){this.insertText(gt.time._time())},tooltip:"Insert current time"},ltr:{state:function(e,t){return t&&"ltr"===t.style.direction},exec:function(){var e=this.getRangeHelper(),t=e.getFirstBlockParent();(this.focus(),t&&!We(t,"body")||(this.execCommand("formatBlock","p"),(t=e.getFirstBlockParent())&&!We(t,"body")))&&Pe(t,"direction","ltr"===Pe(t,"direction")?"":"ltr")},tooltip:"Left-to-Right"},rtl:{state:function(e,t){return t&&"rtl"===t.style.direction},exec:function(){var e=this.getRangeHelper(),t=e.getFirstBlockParent();(this.focus(),t&&!We(t,"body")||(this.execCommand("formatBlock","p"),(t=e.getFirstBlockParent())&&!We(t,"body")))&&Pe(t,"direction","rtl"===Pe(t,"direction")?"":"rtl")},tooltip:"Right-to-Left"},print:{exec:"print",tooltip:"Print"},maximize:{state:function(){return this.maximize()},exec:function(){this.maximize(!this.maximize())},txtExec:function(){this.maximize(!this.maximize())},tooltip:"Maximize",shortcut:"Ctrl+Shift+M"},source:{state:function(){return this.sourceMode()},exec:function(){this.toggleSourceMode()},txtExec:function(){this.toggleSourceMode()},tooltip:"View source",shortcut:"Ctrl+Shift+S"},ignore:{}},w={};function ht(i){var r=this,a=[],l=function(e){return"signal"+e.charAt(0).toUpperCase()+e.slice(1)},e=function(e,t){e=[].slice.call(e);var n,o,r=l(e.shift());for(n=0;nc.length&&s&&3===s.nodeType;)o=s.nodeValue,r=n-c.length,l&&(a=o.length,i=0),l=s,t?(u=i=Math.max(a-r,0),c=o.substr(i,a-i)+c,s=l.previousSibling):(u=i+(a=Math.min(r,o.length)),c+=o.substr(i,a),s=l.nextSibling);return{node:l||s,offset:u,text:c}};function vt(i,e){var a,l,c=e||i.contentDocument||i.document,s="sceditor-start-marker",u="sceditor-end-marker",y=this;y.insertHTML=function(e,t){var n,o;if(!y.selectedRange())return!1;for(t&&(e+=y.selectedHtml()+t),o=De("p",{},c),n=c.createDocumentFragment(),o.innerHTML=e;o.firstChild;)Fe(n,o.firstChild);y.insertNode(n)},l=function(e,t,n){var o,r=c.createDocumentFragment();if("string"==typeof e?(t&&(e+=y.selectedHtml()+t),r=et(e)):(Fe(r,e),t&&(Fe(r,y.selectedRange().extractContents()),Fe(r,t))),o=r.lastChild){for(;!rt(o.lastChild,!0);)o=o.lastChild;if(ot(o)?o.lastChild||Fe(o,document.createTextNode("​")):o=r,y.removeMarkers(),Fe(o,a(s)),Fe(o,a(u)),n){var i=De("div");return Fe(i,r),i.innerHTML}return r}},y.insertNode=function(e,t){var n=l(e,t),o=y.selectedRange(),r=o.commonAncestorContainer;if(!n)return!1;o.deleteContents(),r&&3!==r.nodeType&&!ot(r)?je(n,r):o.insertNode(n),y.restoreRange()},y.cloneSelected=function(){var e=y.selectedRange();if(e)return e.cloneRange()},y.selectedRange=function(){var e,t,n=i.getSelection();if(n){if(n.rangeCount<=0){for(t=c.body;t.firstChild;)t=t.firstChild;(e=c.createRange()).setStartBefore(t),n.addRange(e)}return 0'})},void n.readAsDataURL(t);a[l[s]]=i.getData(l[s])}a.text=a["text/plain"],a.html=a["text/html"],V(a)}else if(!T){var u=r.scrollTop;for(v.saveRange(),T=bt.createDocumentFragment();r.firstChild;)Fe(T,r.firstChild);setTimeout(function(){var e=r.innerHTML;r.innerHTML="",Fe(r,T),r.scrollTop=u,T=!1,v.restoreRange(),V({html:e})},0)}},V=function(e){var t=De("div",{},d);r.call("pasteRaw",e),Ge(w,"pasteraw",e),e.html?(t.innerHTML=e.html,it(t)):t.innerHTML=pt(e.text||"");var n={val:t.innerHTML};"fragmentToSource"in a&&(n.val=a.fragmentToSource(n.val,d,y)),r.call("paste",n),Ge(w,"paste",n),"fragmentToHtml"in a&&(n.val=a.fragmentToHtml(n.val,y)),r.call("pasteHtml",n),de.wysiwygEditorInsertHtml(n.val,null,!0)},de.closeDropDown=function(e){f&&(Re(f),f=null),!0===e&&de.focus()},de.wysiwygEditorInsertHtml=function(e,t,n){var o,r,i,a=Xe(c);de.focus(),!n&&Ne(b,"code")||(v.insertHTML(e,t),v.saveRange(),N(),Ie(o=He(m,"#sceditor-end-marker")[0]),r=m.scrollTop,i=lt(o).top+1.5*o.offsetHeight-a,Be(o),(r").replace(/&/g,"&")),de.wysiwygEditorInsertHtml(e),de},de.getWysiwygEditorValue=function(e){for(var t,n=De("div",{},d),o=m.childNodes,r=0;r"+(xt?"":"
    ")+"

    "),m.innerHTML=e,N(),Z(),ae(),ue()},de.setSourceEditorValue=function(e){s.value=e,ae()},de.updateOriginal=function(){l.value=de.val()},N=function(){var e,s,u,d,t,f,p;ye.emoticonsEnabled&&(e=m,s=ve,u=ye.emoticonsCompat,d=e.ownerDocument,t="(^|\\s| | | | |$)",f=[],p={},Me(e,"code")||(Se(s,function(e){p[e]=new RegExp(t+ft(e)+t),f.push(e)}),f.sort(function(e,t){return t.length-e.length}),function e(t){for(t=t.firstChild;t;){if(t.nodeType!==Ee||We(t,"code")||e(t),t.nodeType===Te)for(var n=0;n")}e.preventDefault()}}},Z=function(){Ze(m,function(e){if(e.nodeType===Ee&&!/inline/.test(Pe(e,"display"))&&!We(e,".sceditor-nlf")&&tt(e)){var t=De("p",{},d);return t.className="sceditor-nlf",t.innerHTML=wt?"":"
    ",Fe(m,t),!1}if(3===e.nodeType&&!/^\s*$/.test(e.nodeValue)||We(e,"br"))return!1})},U=function(){de.val(l.value)},$=function(){de.closeDropDown(),p=null},de._=function(){var n=arguments;return t&&t[n[0]]&&(n[0]=t[n[0]]),n[0].replace(/\{(\d+)\}/g,function(e,t){return void 0!==n[t-0+1]?n[t-0+1]:"{"+t+"}"})},K=function(t){r&&r.call(t.type+"Event",t,de);var e=(t.target===s?"scesrc":"scewys")+t.type;fe[e]&&fe[e].forEach(function(e){e.call(de,t)})},de.bind=function(e,t,n,o){for(var r=(e=e.split(" ")).length;r--;)if(we(t)){var i="scewys"+e[r],a="scesrc"+e[r];n||(fe[i]=fe[i]||[],fe[i].push(t)),o||(fe[a]=fe[a]||[],fe[a].push(t)),"valuechanged"===e[r]&&(ae.hasHandler=!0)}return de},de.unbind=function(e,t,n,o){for(var r=(e=e.split(" ")).length;r--;)we(t)&&(n||ke(fe["scewys"+e[r]]||[],t),o||ke(fe["scesrc"+e[r]]||[],t));return de},de.blur=function(e,t,n){return we(e)?de.bind("blur",e,t,n):de.sourceMode()?s.blur():m.blur(),de},de.focus=function(e,t,n){if(we(e))de.bind("focus",e,t,n);else if(de.inSourceMode())s.focus();else{if(He(d,":focus").length)return;var o,r=v.selectedRange();x||ne(),!wt&&r&&1===r.endOffset&&r.collapsed&&(o=r.endContainer)&&1===o.childNodes.length&&We(o.firstChild,"br")&&(r.setStartBefore(o.firstChild),r.collapse(!0),v.selectRange(r)),i.focus(),m.focus(),p&&(v.selectRange(p),p=null)}return J(),de},de.keyDown=function(e,t,n){return de.bind("keydown",e,t,n)},de.keyPress=function(e,t,n){return de.bind("keypress",e,t,n)},de.keyUp=function(e,t,n){return de.bind("keyup",e,t,n)},de.nodeChanged=function(e){return de.bind("nodechanged",e,!1,!0)},de.selectionChanged=function(e){return de.bind("selectionchanged",e,!1,!0)},de.valueChanged=function(e,t,n){return de.bind("valuechanged",e,t,n)},oe=function(e){var n=0,o=de.emoticonsCache,t=String.fromCharCode(e.which);Ne(b,"code")||(o||(o=[],Se(ve,function(e,t){o[n++]=[e,t]}),o.sort(function(e,t){return e[0].length-t[0].length}),de.emoticonsCache=o,de.longestEmoticonCode=o[o.length-1][0].length),v.replaceKeyword(de.emoticonsCache,!0,!0,de.longestEmoticonCode,ye.emoticonsCompat,t)&&(ye.emoticonsCompat&&/^\s$/.test(t)||e.preventDefault()))},re=function(){!function(e,t){var n=/[^\s\xA0\u2002\u2003\u2009\u00a0]+/,o=e&&He(e,"img[data-sceditor-emoticon]");if(e&&o.length)for(var r=0;r","/":"?","\\":"|","[":"{","]":"}"},o={109:"-",110:"del",111:"/",96:"0",97:"1",98:"2",99:"3",100:"4",101:"5",102:"6",103:"7",104:"8",105:"9"},r=e.which,i={8:"backspace",9:"tab",13:"enter",19:"pause",20:"capslock",27:"esc",32:"space",33:"pageup",34:"pagedown",35:"end",36:"home",37:"left",38:"up",39:"right",40:"down",45:"insert",46:"del",91:"win",92:"win",93:"select",96:"0",97:"1",98:"2",99:"3",100:"4",101:"5",102:"6",103:"7",104:"8",105:"9",106:"*",107:"+",109:"-",110:".",111:"/",112:"f1",113:"f2",114:"f3",115:"f4",116:"f5",117:"f6",118:"f7",119:"f8",120:"f9",121:"f10",122:"f11",123:"f12",144:"numlock",145:"scrolllock",186:";",187:"=",188:",",189:"-",190:".",191:"/",192:"`",219:"[",220:"\\",221:"]",222:"'"}[r]||String.fromCharCode(r).toLowerCase();(e.ctrlKey||e.metaKey)&&t.push("ctrl"),e.altKey&&t.push("alt"),e.shiftKey&&(t.push("shift"),o[r]?i=o[r]:n[i]&&(i=n[i])),i&&(r<16||18
    -
    + @csrf

    ThemePark

    diff --git a/resources/views/control.blade.php b/resources/views/control.blade.php new file mode 100644 index 0000000..e82884b --- /dev/null +++ b/resources/views/control.blade.php @@ -0,0 +1,55 @@ +@extends('layouts.main') + +@section('content') +
    +
    +
    +
    +
    +

    Information

    +
    +
    +
    + +
    +

    Username: {{ Auth::user()->username() }} +
    Attraction: {{ $attraction_name }}

    +

    Control: Disconnected

    +

    Status: Unknown

    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    + + +@endsection + +@section('javascript') + + +@endsection diff --git a/resources/views/emails/change.blade.php b/resources/views/emails/change.blade.php new file mode 100644 index 0000000..d8e150d --- /dev/null +++ b/resources/views/emails/change.blade.php @@ -0,0 +1,13 @@ +@component('mail::message') +Dear {{ $user->firstname }} + +Press the button bellow if you wish to change your current email-address +@component('mail::button', ['url' => route('verify_email', ['id' => $user->id, 'token' => $token, 'email' => $email])]) +Change Email +@endcomponent + +Is this email not directed to you or do you not wish to change your email? Than you may ignore this. + +Thanks,
    +{{ config('app.name') }} +@endcomponent diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php index e1ea752..ad9b788 100644 --- a/resources/views/home.blade.php +++ b/resources/views/home.blade.php @@ -1,28 +1,4 @@ -@extends('layouts.panel') - -@section('navigation') - - -@endsection +@extends('layouts.main') @section('content')
    diff --git a/resources/views/layouts/admin.blade.php b/resources/views/layouts/admin.blade.php index ae16358..8db925d 100644 --- a/resources/views/layouts/admin.blade.php +++ b/resources/views/layouts/admin.blade.php @@ -7,9 +7,15 @@ - {{ config('app.name', 'Laravel') }} + + + + + @@ -30,8 +36,8 @@
    -

    {{ Auth::user()->firstname }}

    - @php($role = Auth::user()->getHighestRole()) - {{ $role->readable_name }} +

    {{ Auth::user()->username() }}

    @@ -107,7 +129,7 @@ - Copyright © 2019 IOByte. All rights reserved. + Copyright © 2019-{{ date('Y') }} IOByte. All rights reserved.
    diff --git a/resources/views/layouts/main.blade.php b/resources/views/layouts/main.blade.php new file mode 100644 index 0000000..da82583 --- /dev/null +++ b/resources/views/layouts/main.blade.php @@ -0,0 +1,27 @@ +@extends('layouts.panel') + +@section('navigation') + + +@endsection diff --git a/resources/views/layouts/profile.blade.php b/resources/views/layouts/profile.blade.php new file mode 100644 index 0000000..d36e980 --- /dev/null +++ b/resources/views/layouts/profile.blade.php @@ -0,0 +1,22 @@ +@extends('layouts.panel') + +@section('navigation') + + +@endsection diff --git a/resources/views/openaudiomc.blade.php b/resources/views/openaudiomc.blade.php new file mode 100644 index 0000000..2e52c37 --- /dev/null +++ b/resources/views/openaudiomc.blade.php @@ -0,0 +1,25 @@ +@extends('layouts.main') + +@section('content') +
    +
    +
    +
    +

    OpenAudioMC

    +
    +
    + @if($type === 1) +

    Welcome to the audio client page! +

    Unfortunately, this server hasn't linked their OpenAudioMc account to the panel yet, but when they do, this page will re-direct you to your web client so you can open it from here with your personal login token. + To get started, login to OpenAudioMc+ using `/oa plus`, go to the "API" tab (as seen in the left side of the page) and copy the url labeled "V1 - Get Token" and paste it into the .env file. Remember to change "<PLAYER UUID>" into "%UUID%" for correct installation.

    + @elseif($type=== 2) +

    Hey there {{ Auth::user()->username() }}! +

    You aren't online in the server right now and thus can't connect to the audio client. Please login or try again in a few seconds.

    + @else +

    You seem to already have an open session with the audio client. You may dismiss this page since you are already connected or try again in a few seconds if you have closed it recently.

    + @endif +
    +
    +
    +
    +@endsection diff --git a/resources/views/order.blade.php b/resources/views/order.blade.php index 171d480..e86e766 100644 --- a/resources/views/order.blade.php +++ b/resources/views/order.blade.php @@ -1,27 +1,4 @@ -@extends('layouts.panel') - -@section('navigation') - - -@endsection +@extends('layouts.main') @section('content')
    @@ -56,7 +33,7 @@ @foreach($dates as $row) @php($time = strtotime($row['date'])) - + @endforeach @else diff --git a/resources/views/panel/home.blade.php b/resources/views/panel/home.blade.php index 91617d8..0e9b287 100644 --- a/resources/views/panel/home.blade.php +++ b/resources/views/panel/home.blade.php @@ -2,49 +2,6 @@ @section('page', 'Dashboard') -@section('navigation') -
  • - - Account - - - -
    • -
  • NAVIGATION
    • -
  • - Dashboard -
    • - @canany(['project_see', 'status_see']) -
  • - - Projects - - -
      - @can('project_see')
    • Project
      • @endcan - @can('order_see')
    • Order
      • @endcan - @can('status_see')
    • Status
      • @endcan -
    -
    • - @endcanany - @canany(['roles_see', 'user_see']) -
  • - - Management - - -
      - @can('user_see')
    • Users
      • @endcan - @can('roles_see')
    • Roles
      • @endcan -
    -
    • - @endcanany -@endsection - @section('content') @if(session('error'))