The best WYSIWYG HTML editor. An impressive Javascript rich text editor with mobile support, complete documentation, many features and inline editing. - programmingworld
Step 1 : Create index. php file
Step 1 : Create index. php file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CKEditor example</title>
</head>
<body>
<textarea name="editor1" style="width: 100%;" rows="5" class="required form-control" placeholder="Detail" required>Hello CKeditor 1</textarea>
<textarea name="editor2" style="width: 100%;" rows="5" class="required form-control" placeholder="Detail" required>Hello CKeditor 2</textarea>
<script src="https://cdn.ckeditor.com/4.5.7/standard/ckeditor.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(function () {
// Replace the <textarea id="editor1"> with a CKEditor
// instance, using default configuration.
CKEDITOR.replace('editor1');
CKEDITOR.replace('editor2');
//bootstrap WYSIHTML5 - text editor
$(".textarea").wysihtml5();
});
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>CKEditor example</title>
</head>
<body>
<textarea name="editor1" style="width: 100%;" rows="5" class="required form-control" placeholder="Detail" required>Hello CKeditor 1</textarea>
<textarea name="editor2" style="width: 100%;" rows="5" class="required form-control" placeholder="Detail" required>Hello CKeditor 2</textarea>
<script src="https://cdn.ckeditor.com/4.5.7/standard/ckeditor.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(function () {
// Replace the <textarea id="editor1"> with a CKEditor
// instance, using default configuration.
CKEDITOR.replace('editor1');
CKEDITOR.replace('editor2');
//bootstrap WYSIHTML5 - text editor
$(".textarea").wysihtml5();
});
</script>
</body>
</html>
No comments:
Post a Comment