FCKeditor vraag
Ik ben na tinyMCE nu fckeditor aan het proberen om een aantal functies die toch wel handig zijn. Alleen bij tinyMCe kan je hem toevoegen aan alle textfields op de pagina. Bij FCKeditor werkt dat anders. ik moet als het goed is deze code gebuiken om FCKeditor op een pagina te krijgen:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript">
<!--
// Automatically calculates the editor base path based on the _samples directory.
// This is usefull only for these samples. A real application should use something like this:
// oFCKeditor.BasePath = '/fckeditor/' ; // '/fckeditor/' is the default value.
var sBasePath = document.location.href.substring(0,document.location.href.lastIndexOf('_samples')) ;
var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;
oFCKeditor.BasePath = '/fckeditor/' ;
oFCKeditor.Height = 300 ;
oFCKeditor.Value = '<p>This is some <strong>sample text<\/strong>. You are using <a href="http://www.fckeditor.net/">FCKeditor<\/a>.<\/p>' ;
oFCKeditor.Create() ;
//-->
</script>
<!--
// Automatically calculates the editor base path based on the _samples directory.
// This is usefull only for these samples. A real application should use something like this:
// oFCKeditor.BasePath = '/fckeditor/' ; // '/fckeditor/' is the default value.
var sBasePath = document.location.href.substring(0,document.location.href.lastIndexOf('_samples')) ;
var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;
oFCKeditor.BasePath = '/fckeditor/' ;
oFCKeditor.Height = 300 ;
oFCKeditor.Value = '<p>This is some <strong>sample text<\/strong>. You are using <a href="http://www.fckeditor.net/">FCKeditor<\/a>.<\/p>' ;
oFCKeditor.Create() ;
//-->
</script>
Alleen dan maakt hij dus direct een textfield aan, en ik heb geen idee hoe ik aan dat textfield een ID en naam kan toekennen. Dit is nodig omdat ik content moet inladen in dat textfield.
Weet iemand hoe ik dit werkend krijg?
groeten,
Martijn
Gewijzigd op 01/01/1970 01:00:00 door Martijn
Nu valt je bericht uit de layout.
Een id meegeven weet ik niet.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
Method 2
The TEXTAREA replacement method:
* In <HEAD> add the "onload" method:
<script type="text/javascript">
window.onload = function()
{
var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;
oFCKeditor.BasePath = "/fckeditor/" ;
oFCKeditor.ReplaceTextarea() ;
}
</script>
* In <BODY> add the below code to replace an existing TEXTAREA in the page:
<textarea id="MyTextarea" name="MyTextarea">This is <b>the</b> initial value.</textarea>
The TEXTAREA replacement method:
* In <HEAD> add the "onload" method:
<script type="text/javascript">
window.onload = function()
{
var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;
oFCKeditor.BasePath = "/fckeditor/" ;
oFCKeditor.ReplaceTextarea() ;
}
</script>
* In <BODY> add the below code to replace an existing TEXTAREA in the page:
<textarea id="MyTextarea" name="MyTextarea">This is <b>the</b> initial value.</textarea>
Zie: http://docs.fckeditor.net/FCKeditor_2.x/Developers_Guide/Integration/JavaScript#Method_2
Deze methode is voor een gespecificeerde textarea, echter kun je ook dit doen:
Deze is beschikbaar in de laatste versies (geen idee vanaf welke precies), de functie is te vinden in de fckeditor.js.
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
<script type="text/javascript">
<!--
FCKeditor.ReplaceAllTextareas();
//-->
</script>
<script type="text/javascript">
<!--
FCKeditor.ReplaceAllTextareas();
//-->
</script>
Maar er gebeurd vrij weinig.
martijn schreef op 02.03.2009 21:47:
zoek net ff in de docs van fckeditor, maar er staat helemaal niks in over replacealltextarea's... bestaat die functie wel?
http://docs.fckeditor.net/Special:Search?search=ReplaceAllTextareas&go=Go
http://docs.fckeditor.net/Special:Search?search=ReplaceAllTextareas&go=Go
Een wiki pagina d'r over bestond iig wel, als ik hier kijk.
Wil je in het vervolg, als je je post wilt aanpassen / iets toevoegen op het knopje drukken? Nu bump je namelijk.
edit: echt ik kan er niet achterkomen wat ik fout doe. Heb beide manieren geprobeerd, met class name en zonder class name, dit is mn head:
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<head>
<title>Content Management System</title>
<link rel="stylesheet" href="stylesheet.css" type="text/css" media="screen,projection" />
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
<script>FCKeditor.ReplaceAllTextareas( 'content' ) ;
</script>
</head>
<title>Content Management System</title>
<link rel="stylesheet" href="stylesheet.css" type="text/css" media="screen,projection" />
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
<script>FCKeditor.ReplaceAllTextareas( 'content' ) ;
</script>
</head>
En dit is mn textarea:
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<form method="POST" action="newssystem.php" enctype="multipart/form-data">
Newstitel: <input type="text" name="newstitle" id="newstitle" value="<?php echo $_POST['newstitle']; ?>"/><br/>
Afbeelding: <input type="file" name="image" id="image" />(80x80 pixel afbeelding)<br/>
<textarea name="content" class="content" id="content" rows="25" cols="85"/><?php echo $_POST['content']; ?></textarea><br/>
<input type="submit" name="submit" id="submit" value="Plaats Nieuws" /><br/>
</form>
Newstitel: <input type="text" name="newstitle" id="newstitle" value="<?php echo $_POST['newstitle']; ?>"/><br/>
Afbeelding: <input type="file" name="image" id="image" />(80x80 pixel afbeelding)<br/>
<textarea name="content" class="content" id="content" rows="25" cols="85"/><?php echo $_POST['content']; ?></textarea><br/>
<input type="submit" name="submit" id="submit" value="Plaats Nieuws" /><br/>
</form>
Maar er gebeurd niks nakkes nada, ook als ik dit in mn head zet:
FCKeditor.ReplaceAllTextareas() ;
Iemand enig idee waarom het niet werkt? Ik heb FCK editor wel goed benaderd, want met die javascript code uit het voorbeeld krijg ik wel netjes een textfield met alle knoppen.
Gewijzigd op 01/01/1970 01:00:00 door martijn
Ietsie beter lezen dus ;)
oh, hm ik heb hem inmiddels bovenaan staan, kwam erachter dat de source verkeerd stond, maar het werkt nu wel. Ook al word dat script als eerste geladen. Textarea's functioneren naar behoren verder. Toch bedankt!