Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

leandroSto

configurar CKeditor 3.0

Recommended Posts

Como configurar CKeditor 3.0..:

 

eu fiz com php assim


      // Include the CKEditor class.
include_once "../../ckeditor.php";
// Create a class instance.
$CKEditor = new CKEditor();
// Path to the CKEditor directory, ideally use an absolute path instead of a relative dir.
//   $CKEditor->basePath = '/ckeditor/'
// If not set, CKEditor will try to detect the correct path.
$CKEditor->basePath = '../../';
// Replace a textarea element with an id (or name) of "editor1".
$CKEditor->replace("editor1");

 

agora eu queria saber como configurar tirar acrescentar os botões essas coisas ?/

Compartilhar este post


Link para o post
Compartilhar em outros sites

Boa tarde.

 

config.toolbar_Basic =

[

['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink','-','About']

];

 

Nessa configuracao você irá liberar apenas os botoes de Negrito, Italico, Lista Numerica, Lista com Marcadores, Hperlink, remover hiperlink e sobre.

 

Para mais, acesse http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Toolbar

 

Abraço.

Compartilhar este post


Link para o post
Compartilhar em outros sites

No arquivo onde você faz o text area virar o editor.

Compartilhar este post


Link para o post
Compartilhar em outros sites

No arquivo onde você terá o textarea com id "meutexto" por exemplo.

 

<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>

<script type="text/javascript" src="/ckeditor/adapters/jquery.js"></script>

 

Após fazer o include dos arquivos necessários nele

<script>

CKEDITOR.replace( 'meutexto',

{

toolbar :

[

['Styles', 'Format'],

['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', '-', 'About']

]

});

</script>

...

 

e segue a vida...

Compartilhar este post


Link para o post
Compartilhar em outros sites


       <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Replace Selected Textarea Elements — CKEditor Sample</title>
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
<link href="../sample.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="../../ckeditor.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
	CKEDITOR.replace( 'editor1',
		{
		toolbar :
		[
		['Styles', 'Format'],
		['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', '-', 'About']
		]
		});
</script>
</head>
<body>

<form action="../sample_posteddata.php" method="post">
	<p>
		<label for="editor1">
			Editor 1:</label>
		<textarea cols="80" id="editor1" name="editor1" rows="10"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea>
	</p>
	<p>
		<input type="submit" value="Submit"/>
	</p>
</form>
<?php
	// Include the CKEditor class.
	include_once "../../ckeditor.php";
	// Create a class instance.
	$CKEditor = new CKEditor();
	// Path to the CKEditor directory, ideally use an absolute path instead of a relative dir.
	//   $CKEditor->basePath = '/ckeditor/'
	// If not set, CKEditor will try to detect the correct path.
	$CKEditor->basePath = '../../';
	// Replace a textarea element with an id (or name) of "editor1".
	$CKEditor->replace("editor1");
?>
</body>
</html>


 

nao ta dando certo esta com tds botoes,

eu gostaria de deixar apenas alguns

Compartilhar este post


Link para o post
Compartilhar em outros sites


       <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Replace Selected Textarea Elements — CKEditor Sample</title>
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
<link href="../sample.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="../../ckeditor.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
	CKEDITOR.replace( 'editor1',
		{
		toolbar :
		[
		['Styles', 'Format'],
		['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', '-', 'About']
		]
		});
</script>
</head>
<body>

<form action="../sample_posteddata.php" method="post">
	<p>
		<label for="editor1">
			Editor 1:</label>
		<textarea cols="80" id="editor1" name="editor1" rows="10"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea>
	</p>
	<p>
		<input type="submit" value="Submit"/>
	</p>
</form>
<?php
	// Include the CKEditor class.
	include_once "../../ckeditor.php";
	// Create a class instance.
	$CKEditor = new CKEditor();
	// Path to the CKEditor directory, ideally use an absolute path instead of a relative dir.
	//   $CKEditor->basePath = '/ckeditor/'
	// If not set, CKEditor will try to detect the correct path.
	$CKEditor->basePath = '../../';
	// Replace a textarea element with an id (or name) of "editor1".
	$CKEditor->replace("editor1");
?>
</body>
</html>


 

nao ta dando certo esta com tds botoes,

eu gostaria de deixar apenas alguns

 

 

você esta dando 2 vezes replace.

 

CKEDITOR.replace( 'editor1',

{

toolbar :

[

['Styles', 'Format'],

['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', '-', 'About']

]

});

use apenas um deles...

Compartilhar este post


Link para o post
Compartilhar em outros sites


     <?php
	// Include the CKEditor class.
	include_once "../../ckeditor.php";
	// Create a class instance.
	$CKEditor = new CKEditor();
	// Path to the CKEditor directory, ideally use an absolute path instead of a relative dir.
	//   $CKEditor->basePath = '/ckeditor/'
	// If not set, CKEditor will try to detect the correct path.
	$CKEditor->basePath = '../../';
	// Replace a textarea element with an id (or name) of "editor1".
	$CKEditor->replace("editor1");
     ?>
     // estou usando replace aki



// e outro replace
CKEDITOR.replace( 'editor1',
{
toolbar :
[
['Styles', 'Format'],
['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', '-', 'About']
]
}); 

 

 

você mandou usar so esse ultimo,

O textarea nao fica personalizado !!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Substitua

 

$CKEditor->replace("editor1");

 

por

 

$CKEditor->replace('editor1',

{

toolbar :

[

['Styles', 'Format'],

['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', '-', 'About']

]

});

Compartilhar este post


Link para o post
Compartilhar em outros sites

ta errado esse codigo

 


      $CKEditor->replace('editor1',
{
toolbar :
[
['Styles', 'Format'],
['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', '-', 'About']
]
}); 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara, da uma lida no site.

 

 

http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Toolbar

 

Ali mostra exatamente como se faz.

 

Porque você esta fazendo via PHP e não via javascript?!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.