.net core razor page app me html texteditor use k liye mene tinymce site se api key use kiya hu

<h5>Term & Conditions(English)</h5>

<div class="row">

<div class="col-md-4 mb-3">

<textarea id="termsContent1 " asp-for="dealerAppSettingsDto.terms" class="form-control tinymce-editor" style="width: 100%;" rows="10">@Model.dealerAppSettingsDto.terms</textarea>

</div>

</div>

<h5>Term & Conditions(Hindi)</h5>

<div class="row">

<div class="col-md-4 mb-3">

<textarea id="seltext2" asp-for="dealerAppSettingsDto.terms_h" class="form-control tinymce-editor" style="width: 100%;" rows="10">@Model.dealerAppSettingsDto.terms_h</textarea>

@* <ejs-richtexteditor asp-for="dealerAppSettingsDto.terms_h"></ejs-richtexteditor> *@

</div>

</div>

 @section Scripts {

<script src="https://cdn.tiny.cloud/1/xijiufamehg5893wnh5g29y90isnnql0134j1l9vh6kerlyj/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>

<script>

var termsContent1 = '@Html.Raw(Model.dealerAppSettingsDto.terms)';

var termsContent2 = '@Html.Raw(Model.dealerAppSettingsDto.terms_h)';

tinymce.init({

selector: '#termsContent1', // Use ID selector for the first textarea

plugins: 'advlist autolink lists link image charmap print preview anchor',

toolbar: 'undo redo | formatselect | bold italic backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help',

setup: function (editor) {

editor.on('init', function () {

editor.setContent(termsContent1);

});

}

});

tinymce.init({

selector: '#termsContent2', // Use ID selector for the second textarea

plugins: 'advlist autolink lists link image charmap print preview anchor',

toolbar: 'undo redo | formatselect | bold italic backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help',

setup: function (editor) {

editor.on('init', function () {

editor.setContent(termsContent2);

});

}

});

</script>

}