textEditor/editor.js at master · afymer/textEditor · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
let {remote} = require('electron');
var $ = require("jquery");
var play = $('#playground');
const ipcRenderer = require('electron').ipcRenderer;

console.log("coucou");

function getSelectedText() {
  t = (document.all) ? document.selection.createRange().text : document.getSelection();

  return t;
}


function save() {
    console.log('save file!!!');
    var selection = getSelectedText();
    console.log(selection);
    var selection_text = selection.toString();
    console.log(selection_text);

    // How do I add a span around the selected text?

    var span = document.createElement('b');
    span.textContent = selection_text;

    var range = selection.getRangeAt(0);
    range.deleteContents();
    range.insertNode(span);
};


function italic() {
    console.log('italic');
    var selection = getSelectedText();
    var selection_text = selection.toString();

    var span = document.createElement('i');
    span.textContent = selection_text;

    var range = selection.getRangeAt(0);
    range.deleteContents();
    range.insertNode(span);
};

function bold() {
    console.log('bold');
    var selection = getSelectedText();
    var selection_text = selection.toString();

    var span = document.createElement('b');
    span.textContent = selection_text;

    var range = selection.getRangeAt(0);
    range.deleteContents();
    range.insertNode(span);
};

function underline() {
    console.log('underline');
    var selection = getSelectedText();
    var selection_text = selection.toString();

    var span = document.createElement('underline');
    span.textContent = selection_text;

    var range = selection.getRangeAt(0);
    range.deleteContents();
    range.insertNode(span);
};


ipcRenderer.on('save', function() {
  save();
});

ipcRenderer.on('bold', function() {
  bold();
});

ipcRenderer.on('italic', function() {
  italic();
});

ipcRenderer.on('underline', function() {
  italic();
});

$("#bold").on('click', function() {
  bold();
})

$("#italic").on('click', function() {
  italic();
})

$("#underline").on('click', function() {
  underline();
})