Hi Leute,
da ich bei meiner Problemstellung hier wirklich nicht weiterkomme, hoffe ich das mir nun irgendjemand weiterhelfen kann. Falls das hier falsch eingeordnet ist bitte ich um Entschuldigung da ich nicht wusste wohin damit.
Zum Problem:
Seit einiger Zeit schon versuche ich die Möglichkeit zu finden, Text aus einem HTML Code in einem Editor "öffnen - bearbeiten - speichern" zu können. Nun habe ich eine Möglichkeit gefunden dies zu realisieren. Im Internet bin ich auf einen RichText-Editor gestoßen der mithilfe einer <textarea> den Editor einbindet. Mit meinem Skript, welches zum öffnen und speichern des Textes gedacht ist, sollte das ja keine Problem sein ... Tja, falsch gedacht ...
Hier der Link zum Editor bzw. einbinden des Editors: https://github.com/xing/wysihtml5/wiki/Getting-Started
Hier mein Skript:
da ich bei meiner Problemstellung hier wirklich nicht weiterkomme, hoffe ich das mir nun irgendjemand weiterhelfen kann. Falls das hier falsch eingeordnet ist bitte ich um Entschuldigung da ich nicht wusste wohin damit.
Zum Problem:
Seit einiger Zeit schon versuche ich die Möglichkeit zu finden, Text aus einem HTML Code in einem Editor "öffnen - bearbeiten - speichern" zu können. Nun habe ich eine Möglichkeit gefunden dies zu realisieren. Im Internet bin ich auf einen RichText-Editor gestoßen der mithilfe einer <textarea> den Editor einbindet. Mit meinem Skript, welches zum öffnen und speichern des Textes gedacht ist, sollte das ja keine Problem sein ... Tja, falsch gedacht ...
Hier der Link zum Editor bzw. einbinden des Editors: https://github.com/xing/wysihtml5/wiki/Getting-Started
Hier mein Skript:
Code:
<?php
if(isset($_POST['ok'])){
//Datei schreiben
$write=fopen($_POST['filename'], "w");
if(fwrite ($write, $_POST['datei'])) {
echo "Änderung erfolgreich";
} else {
echo "Schreiben fehlgeschlagen!";
}
fclose($write);
}
// Datei einlesen
$file = '';
$file_content = '';
if(!empty($_GET['filename'])){
$file = $_GET['filename'];
$file_content = file_get_contents($file);
}
if (empty($file)) {
echo 'Achtung: Fehlender Parameter!';
exit();
}
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Open source rich text editor based on HTML5 and the progressive-enhancement approach. Uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.">
<title><?php echo htmlspecialchars($file);?> editieren</title>
<link rel="stylesheet" href="http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css">
<link rel="stylesheet" href="css/stylesheet.css">
<script src="../parser_rules/advanced.js" ></script>
<script src="../dist/wysihtml5-0.3.0.js" ></script>
</head>
<body>
<form action="edit.php?filename=<?php echo $file;?>" method="post">
<!--<form action="" method="post">-->
<input type="hidden" name="filename" value="<?php echo $file;?>" />
<input type="hidden" name="gesendet" value="jo" />
<div id="wysihtml5-editor-toolbar">
<header>
<ul class="commands">
<li data-wysihtml5-command="bold" title="Make text bold (CTRL + B)" class="command"></li>
<li data-wysihtml5-command="italic" title="Make text italic (CTRL + I)" class="command"></li>
<li data-wysihtml5-command="insertUnorderedList" title="Insert an unordered list" class="command"></li>
<li data-wysihtml5-command="insertOrderedList" title="Insert an ordered list" class="command"></li>
<li data-wysihtml5-command="createLink" title="Insert a link" class="command"></li>
<li data-wysihtml5-command="insertImage" title="Insert an image" class="command"></li>
<li data-wysihtml5-command="formatBlock" data-wysihtml5-command-value="h1" title="Insert headline 1" class="command"></li>
<li data-wysihtml5-command="formatBlock" data-wysihtml5-command-value="h2" title="Insert headline 2" class="command"></li>
<li data-wysihtml5-command-group="foreColor" class="fore-color" title="Color the selected text" class="command">
<ul>
<li data-wysihtml5-command="foreColor" data-wysihtml5-command-value="silver"></li>
<li data-wysihtml5-command="foreColor" data-wysihtml5-command-value="gray"></li>
<li data-wysihtml5-command="foreColor" data-wysihtml5-command-value="maroon"></li>
<li data-wysihtml5-command="foreColor" data-wysihtml5-command-value="red"></li>
<li data-wysihtml5-command="foreColor" data-wysihtml5-command-value="purple"></li>
<li data-wysihtml5-command="foreColor" data-wysihtml5-command-value="green"></li>
<li data-wysihtml5-command="foreColor" data-wysihtml5-command-value="olive"></li>
<li data-wysihtml5-command="foreColor" data-wysihtml5-command-value="navy"></li>
<li data-wysihtml5-command="foreColor" data-wysihtml5-command-value="blue"></li>
</ul>
</li>
<li data-wysihtml5-command="insertSpeech" title="Insert speech" class="command"></li>
<li data-wysihtml5-action="change_view" title="Show HTML" class="action"></li>
</ul>
</header>
<div data-wysihtml5-dialog="createLink" style="display: none;">
<label>
Link:
<input data-wysihtml5-dialog-field="href" value="http://">
</label>
<a data-wysihtml5-dialog-action="save">OK</a> <a data-wysihtml5-dialog-action="cancel">Cancel</a>
</div>
<div data-wysihtml5-dialog="insertImage" style="display: none;">
<label>
Image:
<input data-wysihtml5-dialog-field="src" value="http://">
</label>
<a data-wysihtml5-dialog-action="save">OK</a> <a data-wysihtml5-dialog-action="cancel">Cancel</a>
</div>
</div>
<textarea id="wysihtml5-textarea" name="datei" cols="50" rows="10"><?php echo htmlspecialchars($file_content);?>
</textarea>
<input type="submit" name="ok" value="Speichern">
</form>
<script>
var editor = new wysihtml5.Editor("wysihtml5-editor", {
toolbar: "wysihtml5-editor-toolbar",
stylesheets: ["http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css", "css/editor.css"],
parserRules: wysihtml5ParserRules
});
editor.on("load", function() {
var composer = editor.composer;
composer.selection.selectNode(editor.composer.element.querySelector("h1"));
});
</script>
</body>
</html>
