Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][HTML]edytor html rozszerzenie o zapis do pliku
Forum PHP.pl > Forum > Przedszkole
czaja000
Witajcie chcaiłbym dodac pewna opcje do tego edytora http://czaja-design.pl/edytor chciałbym tutaj dodac opcje zapisu do pliku html. Próbowałem już jakichs rozwiazan ale mi nie wychodzilo moglibyscie pomóc i podać co gdzie wstawic?
skowron-line
To może pokaż jak próbowałeś.
czaja000
  1. <?php
  2.  
  3.    
  4.  
  5.  
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  8. <title>jQuery Example - SmartMarkUP Universal Markup Editor & Platform!</title>
  9. <style type="text/css">
  10. * {
  11.    font-family: verdana, arial, helvetica;
  12. }
  13. body {
  14.    margin: 1px 0 0;
  15.    padding: 0;
  16.    background-color: #fff;
  17. }
  18. h1 {
  19.    color: #333;
  20.    font-size: 1.2em;
  21. }
  22. h2 {
  23.    color: #333;
  24.    font-size: 1em;
  25. }
  26. p {
  27.    font-size: 12px;
  28. }
  29. p a {
  30.    color: #FF8A00;
  31.    text-decoration: none;
  32. }
  33. p a:hover {
  34.    text-decoration: underline;
  35. }
  36. #header {
  37.    background-color: #EEEEEE;
  38.    border-top: 1px solid #999999;
  39.    border-bottom: 1px solid #999999;
  40.    padding: 4px 0 0 0;
  41.    margin-bottom: 12px;
  42.    background: #eee url(img/header-bg.png) no-repeat right 4px;
  43. }
  44. #header img {
  45.    margin-left: 107px;
  46.    border: 0;
  47. }
  48. div.wrapper {
  49.    margin: 0 auto;
  50.    width: 60%;
  51. }
  52. </style>
  53.  
  54. <link type="text/css" rel="stylesheet" href="smarkup/skins/style.css" />
  55. <link type="text/css" rel="stylesheet" href="smarkup/skins/default/style.css" />
  56.  
  57. </head>
  58. <body>
  59.  
  60. <div id="header">
  61.    <a href="http://www.phpcow.com/smartmarkup" title="Universal Markup Editor">
  62.        <img src="img/logo.png" alt="PHPCow" width="301" height="107"/>
  63.    </a>
  64. </div>
  65.  
  66. <div class="wrapper">
  67.    <h1>SmartMarkUp Universal Markup Editor & Platform</h1>
  68.    <h2>jQuery Plugin Example</h2>
  69.    <p>
  70.        If you fill more comfortable with jQuery you can use SmartMarkUP as a jQuery plugin.
  71.    </p>
  72.    <p>
  73.        For documentation, examples and downloads please visit <a href="http://www.phpcow.com/smartmarkup" title="Universal Markup Editor">http://www.phpcow.com/smartmarkup</a>
  74.    </p>
  75.    <p>
  76.        [<a href="#" id="remove" rel="on">Remove SmartMarkUP</a>]
  77.    </p>  
  78.    
  79.    
  80.  
  81. /*********************************************
  82. * plik formularz.php
  83. *********************************************/
  84.  
  85. $pole1 = trim($_POST['pole1']);
  86.  
  87.  
  88. {
  89. echo '<form method="post" action="">
  90. <input type="text" name="pole1" style="width: 200px;" />
  91. <textarea name="html" id="html" cols="60" rows="12">
  92. </textarea>
  93. <br />
  94. <input type="submit" value="Zapisz" />
  95.    </form>';
  96. }
  97. else {
  98.    
  99.    // dane pochodzące z formularza
  100.    $dane = $pole1."`".$pole2."\n";
  101.    // przypisanie zmniennej $file nazwy pliku
  102.    $file = "strona.html";
  103.    // uchwyt pliku, otwarcie do dopisania
  104.    $fp = fopen($file, "a");
  105.    // blokada pliku do zapisu
  106.    flock($fp, 2);
  107.    // zapisanie danych do pliku
  108.    fwrite($fp, $dane);
  109.    // odblokowanie pliku
  110.    flock($fp, 3);
  111.    // zamknięcie pliku
  112.    fclose($fp);
  113.    
  114.    echo "Dane zostały zapisane!<br />";
  115.    echo "<a href=\"podglad.php\">Zobacz wpisane dane</a>";
  116. }
  117.  
  118.    
  119.    
  120. </div>
  121.  
  122. <script type="text/javascript" src="jquery.min.js"></script>
  123. <script type="text/javascript" src="smarkup/jquery.smarkup.js"></script>
  124. <script type="text/javascript" src="smarkup/smarkup.js"></script>
  125. <script type="text/javascript" src="smarkup/conf/html/conf.js"></script>
  126. <script type="text/javascript">
  127.    $(document).ready(
  128.        function() {
  129.        
  130.            $('#html').sMarkUp('html', 300);
  131.            
  132.            //$('textarea').sMarkUp('html', 300);
  133.            //$('textarea[name=html]').sMarkUp('html', 300);
  134.            
  135.            /**
  136.             $.sMarkUp(
  137.                 {
  138.                     open: '<!--quoteo--><div class='quotetop'>Cytat</div><div class='quotemain'><!--quotec-->',
  139.                     close: '<!--QuoteEnd--></div><!--QuoteEEnd-->'
  140.                 }
  141.             );
  142.             var textarea = $.sMarkUpGetInstance('#html');
  143.             console.log(textarea.value());
  144.             
  145.             var textarea = $.sMarkUpGetInstanceByName('html');
  146.             console.log(textarea.value());
  147.             */
  148.            
  149.        }
  150.    );
  151. </script>
  152. <script type="text/javascript">
  153.    var remove = document.getElementById('remove');
  154.    remove.onclick = function() {
  155.        if (this.rel == 'on') {
  156.            this.innerHTML = 'Return SmartMarkUP Back';
  157.            this.rel = 'off';
  158.            $.sMarkUpRemove('#html');
  159.        } else {
  160.            this.innerHTML = 'Remove SmartMarkUP';
  161.            this.rel = 'on';
  162.            $('#html').sMarkUp('html', 300);
  163.        }
  164.        return false;
  165.    };
  166. </script>
  167.  
  168. </body>
  169.  
  170.  
  171. ?>
czaja000
a moglbys mi pokazac konkrektnie jak to zrobic na miom przykladzie?
erix
Dodaj tag do tematu.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.