Codepenにあるテキストエフェクトをカスタマイズして使いたい

Question

https://codepen.io/MityaDSCH/pen/pbapwN

こちらのテキストエフェクトをカスタマイズして使いたいです。

具体的には、
現状HTMLには「＃app」のidだけあてられて、エフェクトをかけるテキストはJSに書かれています。
このテキストをHTMLにもってきて、同じテキストエフェクトをかけることは可能でしょうか？

どうぞよろしくお願いいたします。

Answer 1

ん？できますか？といわれればできるけど自分のHPに移植したいってこと？

<div id="app">
<div class="container undefined" style="height: 200px; width: 738.6px;"></div>
</div>

がターゲットになっているけど
後はコピーして

let text = `
Wunderlicher Alter, 
Soll ich mit dir geh'n?
Willst zu meinen Liedern
Deine Leier dreh'n?`

この文字列を変更すればいいだけだけど？

Comments

[treevillage]

申し訳ありません、質問の仕方が悪かったです。

HTMLにフォームのtextareaを配置して、
ユーザーが入力した任意の文章をボタンタップで
テキストエフェクトがかかるようにしたいという感じです。

その場合はどのようにすればよろしいでしょうか？

[kuma_kuma_]

ReactDOM
https://ja.reactjs.org/docs/react-dom.html

ReactDOM.unmountComponentAtNode(document.getElementById('app'));
これで一度アンマウント
ボタンタップでtextareaの値をtextにセットして再度マウントすれば更新がかかるはず。
あとはこれの仕様があれば良いけどなさそうだね...

上の方法でできなければ頑張って解析しないと無理だね。