Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][PHP] tinymce z dopisywaniem tekstu przy kliknięciu
dentopolis
post
Post #1





Grupa: Zarejestrowani
Postów: 252
Pomógł: 0
Dołączył: 14.08.2016

Ostrzeżenie: (0%)
-----


mam pole textarea z tinymce. poniżej w spanach jakieś słowa. chcę aby po kliknięciu na nie, wyświetlały się w polu textarea i dopisywały się tam gdzie kursor a nie zawsze na końcu. już mi to działało ale gdzieś mam teraz błąd i nie mogę dostrzec czemu to przestało działać.

kod źródłowy jest tutaj: http://www.dentopolis.org/opisywanie.txt

a tak wygląda strona:
(IMG:http://www.dentopolis.org/ttt.jpg)

czy ktoś wie jak to rozwiązać?

bardzo proszę o pomoc.

Ten post edytował dentopolis 26.09.2017, 10:40:05
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
dentopolis
post
Post #2





Grupa: Zarejestrowani
Postów: 252
Pomógł: 0
Dołączył: 14.08.2016

Ostrzeżenie: (0%)
-----


czy tak powinno być?
  1. <script src="https://cloud.tinymce.com/stable/tinymce.min.js?apiKey=fhjz0rdlcqb3kpk3jspqplipoqyw7x045rl7sdstg3myq2ir"></script>
  2. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  3. <script>
  4. jQuery.noConflict();
  5. (function( $ ) {
  6. $(function() {
  7. tinymce.init({
  8. selector:'textarea',
  9. formats : {
  10. p : {selector : 'textarea', classes : 'full'},
  11. },
  12. content_style: "body {text-align: justify;}",
  13. menubar:true,
  14. statusbar: false,
  15.  
  16. });
  17. });
  18. })(jQuery);
  19.  
  20.  
  21. </script>
  22.  
  23. <textarea id='tinymce' class='mce-content-body' name='procedury'></textarea>
  24.  
  25.  
  26.  
  27.  
  28. <table id="procedury" class="table table-striped">
  29. <tbody>
  30. <tr><td class="text-center">
  31. <span>przejaĹ&#8250;nienia mogÄ…ce sugerować prĂłchnicÄ™: </span>
  32. <span>kamieĹ&#8222; nazÄ™bny, </span>
  33. <span>zmiany zapalne w okolicy wierzchoĹ&#8218;kĂłw korzeni: </span>
  34. <span>kieszenie kostne w okolicy: </span>
  35. </td></tr>
  36.  
  37. <tr><td class="text-center">
  38. <SPAN>ognisk zapalnych w okolicy wierzchoĹ&#8218;kĂłw korzeni nie stwierdza siÄ™, </SPAN>
  39. <span>brak kieszeni kostnych, </span>
  40. <span>caries profunda primaria kl., </span>
  41. <span>caries profunda secondaria kl., </span>
  42. </td></tr>
  43. </tbody>
  44. </table>
  45.  
  46. <script>
  47. var tinymce = $( ".mce-content-body" );
  48. var procedury = document.getElementById('procedury');
  49. // add one event handler to the table
  50. procedury.onclick = function (e) {
  51. // normalize event
  52. e = e || window.event;
  53. // find out which element was clicked
  54. var el = e.target || e.srcElement;
  55. // check if it's a procedury cell
  56. if (el.nodeName.toUpperCase() == "SPAN") {
  57. // append it's content to the tinymce
  58. //tinymce.value += (el.textContent || el.innerText);
  59. // tinymce.append(el.textContent);
  60. tinyMCE.activeEditor.execCommand('mceInsertContent', false, (el.textContent));
  61. }
  62. }
  63. </script>


teraz wyświetla się pole textarea z tinymce ale klikanie w słowa w spanach nadal nie powoduje wrzucenia tekstu do textarea.

Ten post edytował dentopolis 16.10.2017, 14:07:28
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 28.12.2025 - 14:22