cirandas.net

ref: master

public/javascripts/tinymce/tests/plugins/jquery_plugin.js


 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
module("tinymce.plugins.jQuery", {
	setupModule: function() {
		document.getElementById('view').innerHTML = (
			'<textarea id="elm1"></textarea>' +
			'<textarea id="elm2"></textarea>' +
			'<textarea id="elm3">Textarea</textarea>'
		);

		QUnit.stop();

		$(function() {
			$('#elm1,#elm2').tinymce({
				plugins: [
					"pagebreak,layer,table,save,emoticons,insertdatetime,preview,media,searchreplace",
					"print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,template"
				],

				init_instance_callback: function() {
					var ed1 = tinymce.get('elm1'), ed2 = tinymce.get('elm2');

					// When both editors are initialized
					if (ed1 && ed1.initialized && ed2 && ed2.initialized) {
						QUnit.start();
					}
				}
			});
		});
	}
});

test("Get editor instance", function() {
	equal($('#elm1').tinymce().id, 'elm1');
	equal($('#elm2').tinymce().id, 'elm2');
	equal($('#elm3').tinymce(), null);
});

test("Get contents using jQuery", function() {
	expect(4);

	tinymce.get('elm1').setContent('<p>Editor 1</p>');

	equal($('#elm1').html(), '<p>Editor 1</p>');
	equal($('#elm1').val(), '<p>Editor 1</p>');
	equal($('#elm1').attr('value'), '<p>Editor 1</p>');
	equal($('#elm1').text(), 'Editor 1');
});

test("Set contents using jQuery", function() {
	expect(4);

	$('#elm1').html('Test 1');
	equal($('#elm1').html(), '<p>Test 1</p>');

	$('#elm1').val('Test 2');
	equal($('#elm1').html(), '<p>Test 2</p>');

	$('#elm1').text('Test 3');
	equal($('#elm1').html(), '<p>Test 3</p>');

	$('#elm1').attr('value', 'Test 4');
	equal($('#elm1').html(), '<p>Test 4</p>');
});

test("append/prepend contents using jQuery", function() {
	expect(2);

	tinymce.get('elm1').setContent('<p>Editor 1</p>');

	$('#elm1').append('<p>Test 1</p>');
	equal($('#elm1').html(), '<p>Editor 1</p>\n<p>Test 1</p>');

	$('#elm1').prepend('<p>Test 2</p>');
	equal($('#elm1').html(), '<p>Test 2</p>\n<p>Editor 1</p>\n<p>Test 1</p>');
});

test("Find using :tinymce selector", function() {
	expect(1);

	equal($('textarea:tinymce').length, 2);
});

test("Set contents using :tinymce selector", function() {
	expect(3);

	$('textarea:tinymce').val('Test 1');
	equal($('#elm1').val(), '<p>Test 1</p>');
	equal($('#elm2').val(), '<p>Test 1</p>');
	equal($('#elm3').val(), 'Textarea');
});

test("Get contents using :tinymce selector", function() {
	expect(1);

	$('textarea:tinymce').val('Test get');
	equal($('textarea:tinymce').val(), '<p>Test get</p>');
});