|
<title>SummernoteTest</title>https://cafe.daum.net/GKFDYDLF/bbbn/16
<!DOCTYPE html>
<html lang="KO_YOON">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SummernoteTest</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
<!-- include libraries(jQuery, bootstrap) -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<!-- include summernote css/js -->
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/lang/summernote-ko-KR.js"></script>
<style>
@font-face {
font-family: 'NotoSansKR';
src: url('font/NotoSansKR-Black.otf') format('opentype')
}
</style>
<script>
$(document).ready(function() {
var fontList = ['맑은 고딕','NotoSansKR'];
$('#summernote').summernote({
lang: 'ko-KR',
fontNames: fontList,
fontNamesIgnoreCheck: fontList,
});
});
</script>
<script>
$(document).ready(function() {
$('#summernote').summernote({
placeholder: '내용을 입력해주세요!',
tabsize: 2,
height: 500
});
});
</script>
</head>
<body><form method="POST" action="deitorproc.php">
<div class="container">
<div class="mt-4 mb-3">
<span class="h2">자유 게시판</span>
</div>
<div>
<input type="text" name="subject" class=form-control mb-2" autocomplete="off" id="id_subject">
</div>
<div class="mb-2 d-flex" gap-2">
<input type="text" name="name" class="form-control w-25" placeholder="글쓴이" autocomplete="off" id="id_name">
<input type="text" name="name" class="form-control w-25" placeholder="내용입력" autocomplete="off" id="id_name">
<input type="email" name="email" class="form-control w-25" placeholder="이메일" autocomplete="off" id="id_email">
<input type="password" name="password" class="form-control w-25" placeholder="비밀번호"
autocomplete="off" id="id_password">
</div>
<div>
<input type="text" name="subject" class=form-control mb-2" autocomplete="off" id="id_subject">
<tr>
<textarea id="summernote"></textarea>
</tr>
</div>
<div id="summernote"></div>
<div class="mt-2 d-flex gap-2 justify-content-end">
<input type="Submit" value="전송하기">
<button class="btn btn-primary" id="btn_submit">확인</button>
<button class="btn btn-primary">목록</button>
</div>
</div>
<script>
const btn_submit = document.querySelector('#$btn_submit')
btn_submit.addEventListener("click", () => {
const id_name = document.querySelector('#id_name")
const id_password = document.querySelector('#id_password')
cons id_subject = document.querySelector('#id_subject')
if(id_name.value == '') {
alerrt('글쓴이를 입력 하세요.')
id_name.focus()
return falue
}
if(id_password.value == '') {
alerrt('비밀번호를 입력 하세요.')
id_password.focus()
return false
}
if(btn_subject.value == '') {
alerrt('제목을 입력 하세요.')
id_subject.focus()
return false}
}
var markupStr = $('.summernote').eq(1).summernote('code')
if(markup;Str == '<p><br></p>') {
alert('내용을 입력 하세요.')
return false
}
const f1 = newFormData()
f1.append('name', id_name.value)
f1.append('passwolrd', id_password.value)
f1.append('subject', id_subject.value)
f1.append('content', markupStr
const xhr = new XMLHttpRcquest()
xhr.open("POST", "./write.php", "true")
xhr.send(f1)
btn_submit..disabled = true
xhr.xxxxxxxxxxxonload () => {
if(xhr.status == 200) {
alert('통신성공')
}else {
alert(xhr.status == 200) {
}
</form>
</body>
</html>
HTML tag 1
<!DOCTYPE html>
<html lang="KO_YOON">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SummernoteTest</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
<!-- include libraries(jQuery, bootstrap) -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<!-- include summernote css/js -->
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/lang/summernote-ko-KR.js"></script>
<style>
@font-face {
font-family: 'NotoSansKR';
src: url('font/NotoSansKR-Black.otf') format('opentype')
}
</style>
<script>
$(document).ready(function() {
var fontList = ['맑은 고딕','NotoSansKR'];
$('#summernote').summernote({
lang: 'ko-KR',
fontNames: fontList,
fontNamesIgnoreCheck: fontList,
});
});
</script>
<script>
$(document).ready(function() {
$('#summernote').summernote({
placeholder: '내용을 입력해주세요!',
tabsize: 2,
height: 500
});
});
</script>
</head>
<body><form method="POST" action="deitorproc.php">
<div class="container">
<div class="mt-4 mb-3">
<span class="h2">자유 게시판</span>
</div>
<div>
<input type="text" name="subject" class=form-control mb-2" autocomplete="off" id="id_subject">
</div>
<div class="mb-2 d-flex" gap-2">
<input type="text" name="name" class="form-control w-25" placeholder="글쓴이" autocomplete="off" id="id_name">
<input type="text" name="name" class="form-control w-25" placeholder="내용입력" autocomplete="off" id="id_name">
<input type="email" name="email" class="form-control w-25" placeholder="이메일" autocomplete="off" id="id_email">
<input type="password" name="password" class="form-control w-25" placeholder="비밀번호"
autocomplete="off" id="id_password">
</div>
<div>
<input type="text" name="subject" class=form-control mb-2" autocomplete="off" id="id_subject">
<tr>
<textarea id="summernote"></textarea>
</tr>
</div>
<div id="summernote"></div>
<div class="mt-2 d-flex gap-2 justify-content-end">
<input type="Submit" value="전송하기">
<button class="btn btn-primary" id="btn_submit">확인</button>
<button class="btn btn-primary">목록</button>
</div>
</div>
<script>
const btn_submit = document.querySelector('#$btn_submit')
btn_submit.addEventListener("click", () => {
const id_name = document.querySelector('#id_name")
const id_password = document.querySelector('#id_password')
cons id_subject = document.querySelector('#id_subject')
if(id_name.value == '') {
alerrt('글쓴이를 입력 하세요.')
id_name.focus()
return falue
}
if(id_password.value == '') {
alerrt('비밀번호를 입력 하세요.')
id_password.focus()
return false
}
if(btn_subject.value == '') {
alerrt('제목을 입력 하세요.')
id_subject.focus()
return false}
}
var markupStr = $('.summernote').eq(1).summernote('code')
if(markup;Str == '<p><br></p>') {
alert('내용을 입력 하세요.')
return false
}
const f1 = newFormData()
f1.append('name', id_name.value)
f1.append('passwolrd', id_password.value)
f1.append('subject', id_subject.value)
f1.append('content', markupStr
const xhr = new XMLHttpRcquest()
xhr.open("POST", "./write.php", "true")
xhr.send(f1)
btn_submit..disabled = true
xhr.xxxxxxxxxxxxxonload () => {
if(xhr.status == 200) {
alert('통신성공')
}else {
alert(xhr.status == 200) {
}
</form>
</body>
</html>
HTML tag 2
|