Skip to content

Instantly share code, notes, and snippets.

@dianaprajescu

dianaprajescu/wysiwyg-getting-started.html

Last active February 8, 2017 17:30
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save dianaprajescu/52133a02d3e104c940c5daa6bc4a182d to your computer and use it in GitHub Desktop.
Save dianaprajescu/52133a02d3e104c940c5daa6bc4a182d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
wysiwyg-getting-started.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- Include external CSS. -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.3.0/codemirror.min.css">
<!-- Include Editor style. -->
<link href="../css/froala_editor.pkgd.min.css" rel="stylesheet" type="text/css" />
<link href="../css/froala_style.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Create a tag that we will use as the editable area.
You can use a div tag as well. -->
<textarea></textarea>
<!-- Include external JS libs. -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.3.0/codemirror.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.3.0/mode/xml/xml.min.js"></script>
<!-- Include JS files. -->
<script type="text/javascript" src="../js/froala_editor.pkgd.min.js"></script>
<!-- Initialize the editor. -->
<script>$(function() { $('textarea').froalaEditor() }); </script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment