問題タブ [jquery-terminal]

JQuery ターミナルの例のコードを使用して、コンソール ウィンドウで入力されたアニメーションをエミュレートしています。アニメーションを意図したとおりに動作させることはできますが、アニメーションの進行中、アニメーションが完了するまで特別な HTML 文字が表示されません。たとえば、アニメーションの実行中、コンソールは ' \' ではなく ' ' をレンダリングします。

この問題は、アニメーション化されている div のクラスに割り当てられたスタイルにも適用されます。アニメーションが完了するまで、スタイルは表示されません。

以下は、アニメーション化に使用されるコードです (JQuery ターミナルのサンプル ページから引用)。

そして、それがどのように呼び出されているかの例:

この場合、 によって div 出力に割り当てられた「pong」クラスに適用されたスタイルtyped_messageは、テキストの入力が完了するまで表示されません。

アニメーションの実行中にスタイルや特殊文字を表示する方法はありますか?

私は簡単なプログラムを持っています。次のように言ってください：

Emscripten を使用してコンパイルしました。

これにより、プログラム出力用の単純なウィンドウを含む、Emscripten によって生成された非常に基本的な Web ページが得られます。ただし、このfgets()呼び出しにより、おそらく からブラウザのポップアップ ウィンドウが表示されprompt()ます。何かを入力すると、最終的に結果が出力ウィンドウに表示されます。これは理想的なインタラクティブな体験ではありません。

私が望むのは、ユーザーが対話型プログラムに入力を提供するために端末ウィンドウに対話的に入力できる、より従来型の「コンソール」インターフェイスです。

解決策はJQueryTerminal、Hyper、またはXterm.jsのようなものにあるのではないかと思いますが、これらのいずれかを Emscripten でコンパイルされたプログラムに実際に接続する方法については、これまでのところ不明です。

Emscripten コードに「コンソール」インターフェースを提供するにはどうすればよいですか?

jQuery ターミナル エミュレーター プラグインを調べていました: https://terminal.jcubic.pl/しかし、ドキュメントの中で探していたものを見つけることができず、実際には少し高度すぎて理解できないことがわかったので、ここで方法を尋ねています。プラグインを使用して、たとえば PHP または別のファイルの json オブジェクトからコマンドと引数の応答をロードしますか?

質問があります。Jquery ターミナルで値を追加するにはどうすればよいですか? このようなもの：

私は次のようなことを意味します：

jqueryなしでこの端末ウィジェットを使用する方法はありますか? 私は主に自分のサイトでバニラ js を使用しており、このターミナルを含めたいと考えています。

1. jqueryなしでも使えますか？
2. 良い代替手段はありますか？
3. そうでない場合、jquery を使用していない既存のページでこれを使用する最も邪魔にならない方法は何ですか? （実際にiframeを使用せずに）