Skip to content
This repository has been archived by the owner on Dec 1, 2023. It is now read-only.

Link #256

Open
wants to merge 11 commits into
base: master
Choose a base branch
from
Open

Link #256

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
0d7aa5c
added setCode method
engin7 Aug 12, 2021
be95a39
added code feature
engin7 Aug 12, 2021
6cae299
font option
engin7 Aug 15, 2021
50576f1
font option added
engin7 Aug 15, 2021
ff46b06
added all required features
engin7 Aug 16, 2021
8483ebd
toggle added for headline
engin7 Aug 16, 2021
ef41304
toolbar fixed size
engin7 Aug 16, 2021
c7ca87f
methods working
engin7 Aug 18, 2021
232680b
adde missing icons
engin7 Aug 18, 2021
0edeaf1
added link option
engin7 Aug 18, 2021
2ad24da
animation removed
engin7 Aug 18, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
33 changes: 33 additions & 0 deletions RichEditorView.xcodeproj/project.pbxproj
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,14 @@
objects = {

/* Begin PBXBuildFile section */
284EE05E26C56851003E3F96 /* code.png in Resources */ = {isa = PBXBuildFile; fileRef = 284EE05D26C56851003E3F96 /* code.png */; };
28D2F19326CAB26800292922 /* back.png in Resources */ = {isa = PBXBuildFile; fileRef = 28D2F18C26CAB26700292922 /* back.png */; };
28D2F19426CAB26800292922 /* justify.png in Resources */ = {isa = PBXBuildFile; fileRef = 28D2F18D26CAB26700292922 /* justify.png */; };
28D2F19526CAB26800292922 /* size.png in Resources */ = {isa = PBXBuildFile; fileRef = 28D2F18E26CAB26700292922 /* size.png */; };
28D2F19626CAB26800292922 /* justify_full.png in Resources */ = {isa = PBXBuildFile; fileRef = 28D2F18F26CAB26700292922 /* justify_full.png */; };
28D2F19726CAB26800292922 /* blockQuote.png in Resources */ = {isa = PBXBuildFile; fileRef = 28D2F19026CAB26800292922 /* blockQuote.png */; };
28D2F19826CAB26800292922 /* h.png in Resources */ = {isa = PBXBuildFile; fileRef = 28D2F19126CAB26800292922 /* h.png */; };
28D2F19926CAB26800292922 /* f.png in Resources */ = {isa = PBXBuildFile; fileRef = 28D2F19226CAB26800292922 /* f.png */; };
39FC98FB1DC788A1008FE5DD /* String+Extensions.swift in Sources */ = {isa = PBXBuildFile; fileRef = 39FC98F91DC788A1008FE5DD /* String+Extensions.swift */; };
39FC98FC1DC788A1008FE5DD /* UIColor+Extensions.swift in Sources */ = {isa = PBXBuildFile; fileRef = 39FC98FA1DC788A1008FE5DD /* UIColor+Extensions.swift */; };
947A71A11C0F9DED00BDF9FC /* UIView+Responder.swift in Sources */ = {isa = PBXBuildFile; fileRef = 947A71A01C0F9DED00BDF9FC /* UIView+Responder.swift */; };
Expand Down Expand Up @@ -84,6 +92,14 @@
/* End PBXContainerItemProxy section */

/* Begin PBXFileReference section */
284EE05D26C56851003E3F96 /* code.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = code.png; sourceTree = "<group>"; };
28D2F18C26CAB26700292922 /* back.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = back.png; sourceTree = "<group>"; };
28D2F18D26CAB26700292922 /* justify.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = justify.png; sourceTree = "<group>"; };
28D2F18E26CAB26700292922 /* size.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = size.png; sourceTree = "<group>"; };
28D2F18F26CAB26700292922 /* justify_full.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = justify_full.png; sourceTree = "<group>"; };
28D2F19026CAB26800292922 /* blockQuote.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = blockQuote.png; sourceTree = "<group>"; };
28D2F19126CAB26800292922 /* h.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = h.png; sourceTree = "<group>"; };
28D2F19226CAB26800292922 /* f.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = f.png; sourceTree = "<group>"; };
39FC98F91DC788A1008FE5DD /* String+Extensions.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; name = "String+Extensions.swift"; path = "Classes/String+Extensions.swift"; sourceTree = "<group>"; };
39FC98FA1DC788A1008FE5DD /* UIColor+Extensions.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; name = "UIColor+Extensions.swift"; path = "Classes/UIColor+Extensions.swift"; sourceTree = "<group>"; };
947A71A01C0F9DED00BDF9FC /* UIView+Responder.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; name = "UIView+Responder.swift"; path = "Classes/UIView+Responder.swift"; sourceTree = "<group>"; };
Expand Down Expand Up @@ -271,10 +287,18 @@
FBA6AB1D1AD3ED2D00721644 /* icons */ = {
isa = PBXGroup;
children = (
28D2F18C26CAB26700292922 /* back.png */,
28D2F19026CAB26800292922 /* blockQuote.png */,
28D2F19226CAB26800292922 /* f.png */,
28D2F19126CAB26800292922 /* h.png */,
28D2F18F26CAB26700292922 /* justify_full.png */,
28D2F18D26CAB26700292922 /* justify.png */,
28D2F18E26CAB26700292922 /* size.png */,
FBA6AB1E1AD3ED2D00721644 /* bg_color.png */,
FBA6AB1F1AD3ED2D00721644 /* [email protected] */,
FBA6AB201AD3ED2D00721644 /* bold.png */,
FBA6AB211AD3ED2D00721644 /* [email protected] */,
284EE05D26C56851003E3F96 /* code.png */,
FBA6AB221AD3ED2D00721644 /* clear.png */,
FBA6AB231AD3ED2D00721644 /* [email protected] */,
FBA6AB241AD3ED2D00721644 /* h1.png */,
Expand Down Expand Up @@ -400,6 +424,7 @@
developmentRegion = English;
hasScannedForEncodings = 0;
knownRegions = (
English,
en,
);
mainGroup = FBA6AAEF1AD3EC9F00721644;
Expand All @@ -420,6 +445,7 @@
files = (
FBA6AB641AD3ED2D00721644 /* [email protected] in Resources */,
FBA6AB541AD3ED2D00721644 /* [email protected] in Resources */,
28D2F19326CAB26800292922 /* back.png in Resources */,
FBA6AB731AD3ED2D00721644 /* outdent.png in Resources */,
FBA6AB591AD3ED2D00721644 /* h1.png in Resources */,
FBA6AB691AD3ED2D00721644 /* insert_link.png in Resources */,
Expand All @@ -431,14 +457,20 @@
FBA6AB7A1AD3ED2D00721644 /* [email protected] in Resources */,
FBA6AB5F1AD3ED2D00721644 /* h4.png in Resources */,
FBA6AB681AD3ED2D00721644 /* [email protected] in Resources */,
28D2F19626CAB26800292922 /* justify_full.png in Resources */,
FBA6AB651AD3ED2D00721644 /* indent.png in Resources */,
FBA6AB5D1AD3ED2D00721644 /* h3.png in Resources */,
FBA6AB631AD3ED2D00721644 /* h6.png in Resources */,
28D2F19926CAB26800292922 /* f.png in Resources */,
FBA6AB561AD3ED2D00721644 /* [email protected] in Resources */,
28D2F19826CAB26800292922 /* h.png in Resources */,
FBA6AB6E1AD3ED2D00721644 /* [email protected] in Resources */,
28D2F19726CAB26800292922 /* blockQuote.png in Resources */,
FBA6AB5A1AD3ED2D00721644 /* [email protected] in Resources */,
284EE05E26C56851003E3F96 /* code.png in Resources */,
FBA6AB721AD3ED2D00721644 /* [email protected] in Resources */,
FBA6AB7D1AD3ED2D00721644 /* text_color.png in Resources */,
28D2F19426CAB26800292922 /* justify.png in Resources */,
FBA6AB621AD3ED2D00721644 /* [email protected] in Resources */,
FBA6AB5C1AD3ED2D00721644 /* [email protected] in Resources */,
FBA6AB6B1AD3ED2D00721644 /* italic.png in Resources */,
Expand All @@ -453,6 +485,7 @@
FBA6AB7E1AD3ED2D00721644 /* [email protected] in Resources */,
FBA6AB811AD3ED2D00721644 /* undo.png in Resources */,
FBA6AB511AD3ED2D00721644 /* rich_editor.js in Resources */,
28D2F19526CAB26800292922 /* size.png in Resources */,
FBA6AB521AD3ED2D00721644 /* style.css in Resources */,
FBA6AB601AD3ED2D00721644 /* [email protected] in Resources */,
FBA6AB581AD3ED2D00721644 /* [email protected] in Resources */,
Expand Down
52 changes: 50 additions & 2 deletions RichEditorView/Assets/editor/rich_editor.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -134,7 +134,30 @@ RE.removeFormat = function() {
};

RE.setFontSize = function(size) {
RE.editor.style.fontSize = size;
var sel = window.getSelection();
if (sel.rangeCount) {
// Creates a new element, and insert the selected text with the chosen font inside
var e = document.createElement('span');
e.style.fontSize = size;
e.innerHTML = sel.toString();
var range = sel.getRangeAt(0);
range.deleteContents(); // Deletes selected text…
range.insertNode(e); // … and inserts the new element at its place
}
};


RE.setFont = function(font) {
var sel = window.getSelection();
if (sel.rangeCount) {
// Creates a new element, and insert the selected text with the chosen font inside
var e = document.createElement('span');
e.style.fontFamily = font;
e.innerHTML = sel.toString();
var range = sel.getRangeAt(0);
range.deleteContents(); // Deletes selected text…
range.insertNode(e); // … and inserts the new element at its place
}
};

RE.setBackgroundColor = function(color) {
Expand All @@ -153,6 +176,14 @@ RE.redo = function() {
document.execCommand('redo', false, null);
};

RE.setCode = function() {
if(window.getSelection().toString() != "") {
var code = window.getSelection().toString().replace(/</ig, '&lt;').replace(/>/ig, '&gt;');
var html ='<div class="w3-panel w3-card w3-light-grey"><div class="w3-code htmlHigh notranslate">'+code+'</div></div></br>'
}
RE.insertHTML(html);
}

RE.setBold = function() {
document.execCommand('bold', false, null);
};
Expand Down Expand Up @@ -223,6 +254,10 @@ RE.setJustifyRight = function() {
document.execCommand('justifyRight', false, null);
};

RE.setJustifyFull = function() {
document.execCommand('justifyFull', false, null);
};

RE.getLineHeight = function() {
return RE.editor.style.lineHeight;
};
Expand All @@ -241,8 +276,21 @@ RE.insertImage = function(url, alt) {
RE.callback("input");
};

RE.setCode = function() {
if(window.getSelection().toString() != "") {
var code = window.getSelection().toString().replace(/</ig, '&lt;').replace(/>/ig, '&gt;');
var html ='<div style="background-color: lightgray; width: 100%; text-align:left; padding: 12px;"><p><code style="color: #001853; ">' + code +'</code></p></div>'
}
RE.insertHTML(html);
}

RE.setBlockquote = function() {
document.execCommand('formatBlock', false, '<blockquote>');
// for all use:
// document.execCommand('formatBlock', false, '<blockquote>');
if(window.getSelection().toString() != "") {
var html = '<p style="color: #000 !important;background-color: #f1f1f1 !important;border-left: 6px solid #ccc !important;padding:10px">' + window.getSelection().toString() + '</p></br>';
RE.insertHTML(html);
}
};

RE.insertHTML = function(html) {
Expand Down
Binary file added RichEditorView/Assets/icons/back.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RichEditorView/Assets/icons/blockQuote.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RichEditorView/Assets/icons/code.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RichEditorView/Assets/icons/done.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RichEditorView/Assets/icons/f.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RichEditorView/Assets/icons/h.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RichEditorView/Assets/icons/justify.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RichEditorView/Assets/icons/justify_full.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RichEditorView/Assets/icons/size.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading