View Source ExTealFroala

Froala WYSIWYG Editor for Teal

Installation

If available in Hex, the package can be installed by adding ex_teal_froala to your list of dependencies in mix.exs:

def deps do
  [
    {:ex_teal_froala, "~> 0.1.0"}
  ]
end

Add your froala license as a config value:

# config/runtime.exs

config :ex_teal_froala, license_key: System.get_env("FROALA_LICENSE_KEY")

Add it to your applications Teal Manifest:

defmodule YourWebApp.ExTeal.Manifest do

  def plugins, do: [
    ExTealFroala.Plugin.new(%{})
  ]
end

With all of this done, you can start using the field!

Usage

In any resource, you can add the froala text field to represent a text string with rich text:

defmodule YourWebApp.ExTeal.BlogResource do
  use ExTeal.Resource

  def fields, do: [
    ExTeal.Fields.Text.make(:title),
    ExTealFroala.FroalaText.make(:body)
  ]

If you've configured a plugin that provides asset uploading functionality, you can integrate your froala fields with it:

alias ExTealFroala.FroalaText

FroalaText.make(:body)
|> FroalaText.with_assets()

You can also override the default froala configuration by passing in a map to with_config/2:

alias ExTealFroala.FroalaText

FroalaText.make(:body)
|> FroalaText.with_config(%{
  plugins: ['align'],
  toolbarButtons: [],
})

This plugin includes all plugins distributed with Froala.