Ticket #9405: test2_cke4.html

File test2_cke4.html, 1.9 KB (added by Jakub Ś, 7 years ago)
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<!--
3Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.
4For licensing, see LICENSE.html or http://ckeditor.com/license
5-->
6<html xmlns="http://www.w3.org/1999/xhtml">
7<head>
8        <title>Replace Textarea by Code &mdash; CKEditor Sample</title>
9        <meta content="text/html; charset=utf-8" http-equiv="content-type" />
10        <script type="text/javascript" src="../ckeditor.js"></script>
11</head>
12<body> 
13        <textarea rows="8" id="my-editor" cols="80">
14                <p class="Kuvateksti element-has-class">Test</p>
15                <table class="Testitaulukko element-has-class">
16                        <tbody><tr><td>I'm a table</td></tr></tbody>
17                </table>
18                <ul class="Testilista-ul element-has-class"><li><ul><li><ul><li>I'm very nested.</li></ul></li></ul></li></ul>
19               
20                <table class="element-has-class">
21                        <tbody><tr><td>I'm a table</td></tr></tbody>
22                </table>               
23        </textarea>
24        <script>
25                        window.x  = CKEDITOR.replace('my-editor', {                                             
26                                                stylesSet: [
27                                                        // Block example
28                                                        { name: 'Kuvateksti', element: 'p', attributes: { 'class': 'Kuvateksti element-has-class'} },
29                                                        // Inline example
30                                                        { name: 'Huomiovari', element: 'span', attributes: { 'class':'Huomiovari element-has-class' } }
31                                                        // From DB
32                                                        ,{ name : 'Testitaulukko2', element : 'table', attributes : { 'class':'element-has-class'} }
33                                                        ,{ name : 'Testitaulukko', element : 'table', attributes : { 'class':'Testitaulukko element-has-class'} }
34                                                        ,{ name : 'Testilista-ul', element : 'ul', attributes : { 'class':'Testilista-ul element-has-class'} }
35                                                        ,{ name : 'Testilista-ol', element : 'ol', attributes : { 'class':'Testilista-ol element-has-class'} }
36                                                ]
37                });
38                window.x.addCss( '.element-has-class{ background-color: #eee; border: 3px solid purple; color:red; }' ); 
39</script>
40</body>
41</html>
© 2003 – 2019 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy