سلام
دوستان من میخوام یک CkEditor رو در یک فرم Modal نمایش بدم. برای اولین بار که فرم مودال رو باز می کنم به درستی نمایش داده میشه و کار میکنه. اما اگر بدون رفرش صفحه فرم مودال رو ببندم و مجدد باز کنم خطای زیر رو در Console مرورگر بهم میده و CkEditor هم نمایش داده نمیشه و یک textarea ساده نمایش داده میشه
Uncaught SyntaxError: Identifier 'config1' has already been declared
کدهایی که برای نمایش CkEditor نوشتم در فرم مودال به شکل زیر هست
<div class="form-group">
<script src="~/ckeditor/ckeditor.js"></script>
<div>
<textarea asp-for="AnswerContent" id="myEditor" class="form-control simpleinput text-editor"></textarea>
<span asp-validation-for="AnswerContent" class="text-danger"></span>
</div>
<script>
//CKEDITOR.replace('Content');
const config1 = {
filebrowserImageBrowseUrl: "/imagebrowser",
filebrowserImageWindowWidth: 780,
filebrowserImageWindowHeight: 720,
filebrowserBrowseUrl: "/linkbrowser",
filebrowserWindowWidth: 350,
filebrowserWindowHeight: 500
};
const editor1 = document.getElementById("myEditor");
CKEDITOR.replace(editor1, config1);
</script>
</div>
همچنین کد های Controller برای نمایش این فرم مودال هم به شکل زیر هست :
[HttpGet]
public IActionResult EditAnswer(Answer model)
{
//Bind model
return PartialView("_EditAnswerPartial",model);
}
از ckEditor در بقیه قسمتهای پروژه ام استفاده کردم و مشکلی نداره.
سلام
این خطا یک مقدار عجیب هست توی جاوا اسکریپت و جی کوئری. برای راهنمایی بیشتر در مورد این خطا می تونید این لینک رو مطالعه بفرمایید.
ولی برای رفع خطای مورد نظر در کدهای جاواسکریپت به جای کلمه کلیدی const از کلمه var استفاده کنید درست میشه. در واقع کدهای موجود در فرم مودال شما یا PartialView به شکل زیر میشه.
<div class="form-group">
<script src="~/ckeditor/ckeditor.js"></script>
<div>
<textarea asp-for="AnswerContent" id="myEditor" class="form-control simpleinput text-editor"></textarea>
<span asp-validation-for="AnswerContent" class="text-danger"></span>
</div>
<script>
//CKEDITOR.replace('Content');
var config1 = {
filebrowserImageBrowseUrl: "/imagebrowser",
filebrowserImageWindowWidth: 780,
filebrowserImageWindowHeight: 720,
filebrowserBrowseUrl: "/linkbrowser",
filebrowserWindowWidth: 350,
filebrowserWindowHeight: 500
};
var editor1 = document.getElementById("myEditor");
CKEDITOR.replace(editor1, config1);
</script>
</div>
موفق باشید
تاریخ :
1403/12/26
- ساعت :
03:28:00 PM
- بازدید :
65
- پاسخ :
1
|
تاریخ :
1399/03/12
- ساعت :
04:53:00 PM
- بازدید :
2551
- پاسخ :
1
|
تاریخ :
1398/08/09
- ساعت :
07:44:00 PM
- بازدید :
4944
- پاسخ :
1
|
تاریخ :
1398/10/15
- ساعت :
08:02:00 PM
- بازدید :
2808
- پاسخ :
1
|
تاریخ :
1398/10/19
- ساعت :
02:01:00 PM
- بازدید :
3263
- پاسخ :
2
|
تاریخ :
1398/10/19
- ساعت :
02:54:00 PM
- بازدید :
2955
- پاسخ :
3
|
تاریخ :
1398/10/18
- ساعت :
10:26:00 PM
- بازدید :
3247
- پاسخ :
2
|
تاریخ :
1403/10/20
- ساعت :
12:45:00 AM
- بازدید :
180
- پاسخ :
0
|
تاریخ :
1398/09/18
- ساعت :
06:13:00 PM
- بازدید :
3303
- پاسخ :
1
|
تاریخ :
1399/06/22
- ساعت :
08:02:00 PM
- بازدید :
4135
- پاسخ :
1
|
تاریخ :
1404/01/07
- ساعت :
05:02:00 AM
- بازدید :
89
- پاسخ :
1
|
تاریخ :
1402/04/28
- ساعت :
09:04:00 PM
- بازدید :
1314
- پاسخ :
0
|
تاریخ :
1403/12/30
- ساعت :
06:43:00 PM
- بازدید :
66
- پاسخ :
1
|
تاریخ :
1398/08/23
- ساعت :
09:16:00 PM
- بازدید :
9852
- پاسخ :
1
|
تاریخ :
1404/01/03
- ساعت :
12:18:00 PM
- بازدید :
38
- پاسخ :
1
|
تاریخ :
1404/01/03
- ساعت :
10:39:00 AM
- بازدید :
45
- پاسخ :
1
|
تاریخ :
1404/01/02
- ساعت :
05:05:00 PM
- بازدید :
60
- پاسخ :
1
|
تاریخ :
1403/12/30
- ساعت :
06:52:00 PM
- بازدید :
48
- پاسخ :
1
|
تاریخ :
1399/06/04
- ساعت :
02:25:00 PM
- بازدید :
4419
- پاسخ :
2
|
تاریخ :
1403/11/30
- ساعت :
10:36:00 AM
- بازدید :
202
- پاسخ :
2
|